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

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


.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);
}

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

你可能感兴趣的:(CSS)