用CSS樣式生成搜索、購物車等圖標(biāo)樣式(圖標(biāo)字體庫)
發(fā)布時間:2017-09-07 09:43:29 作者:佚名
我要評論

這篇文章主要介紹了用CSS樣式生成搜索、購物車等圖標(biāo)樣式(圖標(biāo)字體庫)的相關(guān)資料,需要的朋友可以參考下
參考網(wǎng)址:http://fontawesome.dashgame.com/
基本圖標(biāo):
您可以將Font Awesome圖標(biāo)使用在幾乎任何地方,只需要使用CSS前綴 fa ,再加上圖標(biāo)名稱。 Font Awesome是為使用內(nèi)聯(lián)元素而設(shè)計的。我們通常更喜歡使用 <i> ,因為它更簡潔。 但實際上使用 <span> 才能更加語義化。
<i class="fa fa-camera-retro"></i> fa-camera-retro
注意:如果您修改了圖標(biāo)容器的字體大小,圖標(biāo)大小會隨之改變。同樣的變化也會發(fā)生在顏色、陰影等其它任何CSS支持的效果上。
用的時候記得引入:
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
總結(jié)
以上所述是小編給大家介紹的用CSS樣式生成搜索、購物車等圖標(biāo)樣式(圖標(biāo)字體庫),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
純CSS3實現(xiàn)帶有字體圖標(biāo)效果的灰白色下拉網(wǎng)站導(dǎo)航
一款帶有字體圖標(biāo)效果的CSS3網(wǎng)站導(dǎo)航菜單2014-01-22css設(shè)置矢量圖字體圖標(biāo)的方法(圖解)
矢量圖字體圖標(biāo) 通過插入指定的標(biāo)簽 生成不同的矢量圖,其有很多的好處,首先這些矢量圖好控制大了小了都不會出現(xiàn)馬賽克、肯定比圖節(jié)省性能而且顏色都可以自定義等等,感興2013-10-29- 這篇文章主要介紹了CSS實現(xiàn)精靈圖與字體圖標(biāo)的相關(guān)知識,非常不錯,具有參考借鑒價值,需要的朋友參考下吧2018-05-08