如何讓Iconfont作用到content偽類中


沿用同行思密達的方法整理了一下;前提是先引入iconfont字體圖標(引用線上iconfont查看上篇隨筆):比如 其中&#是開頭用以標明這是字符實體,x表示這是十六進制,而CSS的content接受的也是16進制的Unicode編碼,所以可以直接寫 content: "\e7bb";

別忘記把font-family:"iconfont"寫進去,很重要的

<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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM