让Iconfont作用到content伪类中

精选文章 2020年2月29日 1.82K

先引入iconfont字体图标,使用unicode码,比如 其中&#是开头用以标明这是字符实体,x表示这是十六进制,而CSS的content接受的也是16进制的Unicode编码,所以可以直接写 content: “\e7bb”;

<style typel="text/css">
.show:before{
font-family: "iconfont";
content: "\eae2";
color: red;
width: 20px;
height: 20px;
position: absolute;
left: 5%;
}
</style>
<div class="show"></div>

文章评论

您需要之后才可以评论
0点赞 0评论 收藏 QQ分享 微博分享