css实现对勾图标

最新推荐文章于 2023-02-08 14:46:23 发布

hy_ethel

最新推荐文章于 2023-02-08 14:46:23 发布

阅读量2.2k

点赞数 1

分类专栏： CSS 文章标签： css

本文链接：https://blog.csdn.net/hy_ethel/article/details/103916498

版权

CSS 专栏收录该内容

3 篇文章

订阅专栏

用伪元素的content放置一个勾号，然后设置颜色大小就可以了。

示例：

<span class="icon-success"></span>

.icon-success {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 58px;
	height: 58px;
	background-color: #52b358;
	border-radius: 50%;
}

.icon-success::after {
	content: '✓';
	color: #fff;
	font-size: 46px;
	font-weight: bold;
}