文字下横线展示::after

最新推荐文章于 2025-04-28 18:39:36 发布

Ge09

最新推荐文章于 2025-04-28 18:39:36 发布

阅读量231

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/qq_45988890/article/details/134090895

版权

本文详细解释了如何使用CSS创建了一个带有蓝色下划线的检查项符号，涉及color属性、position属性、伪元素::after以及background-color的设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

      .checkitem {
			color: #333333;
			position: relative;
		}

		.checkitem::after {
			content: "";
			width: 60rpx;
			height: 4rpx;
			background: #409EFF;
			position: absolute;
			bottom: -15rpx;
			left: 50%;
			transform: translateX(-50%);
		}