CSS中content使用字體圖標

首先說CSS中的content屬性主要用來與:before或者:after僞元素配合使用,用來插入生成內容。

這裏我們來看一下淘寶的例子:

目前字體圖標使用最廣泛的是阿里巴巴的iconfont(具體使用請自行百度),然後找到我們需要的字體圖標,點擊編譯圖標,

這個Unicode(16進制)的符號是我們需要的:

然後我這的代碼是這樣的:

注:其中font-family:“”寫入字體圖標的類名,沒有修改就是iconfont(我這裏是用的網絡的鏈接,沒有下載所以是iconfont)

然後不知道爲什麼我的content:“”中\e667之前必須有空格,不然顯示不正確。

發佈了62 篇原創文章 · 獲贊 53 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章