效果图:
html:
<i class="tick"></i>
css:
.tick::before{
display: block;
position: absolute;
content: "\2714";
text-align: center;
font-size: .56rem;
line-height: .56rem;
color: #fff;
background: #15A96B;
border: 1px solid #386FF0;
border-radius: 100%;
width: .56rem;
height: .56rem;
margin-left: .4rem;
margin-top: .24rem;
}
也可以用这种方式画钩, 和画箭头是一个意思的, 改border-width的:https://blog.youkuaiyun.com/qq_37146616/article/details/85260013