换个思路:CSS实现一个对号

2023-11-03

一直以来对号的引用都是用图标库,换个思路来实现一下,CSS的伪类还是很强大的。

<span class="check" />
.check{
	position: relative;
    display: inline-block;
   	width: 16px;
    height: 15px;
    margin: 0 10px;
}
.check::after{
	content: "";
	position: absolute;
	left:0;
	width: 100%;
 	height: 50%;
	border: 2px solid #000;
	border-radius: 1px;
	border-top: none;
	border-right: none;
	background: transparent;
	transform: rotate(-45deg);
}

效果图:
在这里插入图片描述

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

换个思路:CSS实现一个对号 的相关文章

随机推荐