帶圖像的CSS類顯示爲「內容」，怎麼樣？

我在這裏有一些疑惑，我試圖找到一個教程或例如'如何'，但我找不到任何。帶圖像的CSS類顯示爲「內容」，怎麼樣？

我在css（不是專業，但我明白）方面有很好的知識，當我使用一些模板或教程時，我在網站上看到了一些平面圖標，當我去到css類時，發現的是像這樣：「example：before {content：」\ e00a「;}」

我想知道它是如何完成的？我怎樣才能改變它到另一個圖標？甚至，我如何根據相同的過程創建另一個'平面圖標'？

如果有人能幫助我，請。

感謝

看看這個問題：http://stackoverflow.com/questions/18971474/cannot-view-the-source-image-file-on-a-website –

像「fontawsome」或「glyphicons」（谷歌它）使用預定義的CSS文件。然後使用他們的css類，如，這將顯示Facebook圖標。

2014-03-13 00:58:38 user3314428

哦，好的。謝啦！這比我想象的要容易。 – celsomtrindade

您正在尋找font icons。這給你可擴展的矢量圖標，可以在CSS，尺寸，顏色，陰影等自定義。 - 字體真棒

這是一個很好的例子。

2014-03-13 00:59:16

謝謝你！現在我知道如何以及在哪裏搜索。 = d – celsomtrindade

您可以使用內容屬性，例如圖標。 \e00a例如是指這個角色：

它可以用來作爲子彈點列表項：

li:before { 
    content:'\e00a' 
    padding-right:12px; 
}

有些字體來與喜歡的那些found here字符。您可以使用像\f042這些字符來顯示屏幕對比符號。不過，您需要先下載字體才能使用它。閱讀更多關於@font-face here

2014-03-13 01:06:16 Ibu

回答