用CSS樣式生成搜索、購物車等圖標(biāo)樣式(圖標(biāo)字體庫)
參考網(wǎng)址:http://fontawesome.dashgame.com/
基本圖標(biāo):
您可以將Font Awesome圖標(biāo)使用在幾乎任何地方,只需要使用CSS前綴 fa ,再加上圖標(biāo)名稱。 Font Awesome是為使用內(nèi)聯(lián)元素而設(shè)計(jì)的。我們通常更喜歡使用 <i> ,因?yàn)樗啙崱?但實(shí)際上使用 <span> 才能更加語義化。
<i class="fa fa-camera-retro"></i> fa-camera-retro
注意:如果您修改了圖標(biāo)容器的字體大小,圖標(biāo)大小會(huì)隨之改變。同樣的變化也會(huì)發(fā)生在顏色、陰影等其它任何CSS支持的效果上。
用的時(shí)候記得引入:
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
總結(jié)
以上所述是小編給大家介紹的用CSS樣式生成搜索、購物車等圖標(biāo)樣式(圖標(biāo)字體庫),希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章

純CSS3實(shí)現(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)簽 生成不同的矢量圖,其有很多的好處,首先這些矢量圖好控制大了小了都不會(huì)出現(xiàn)馬賽克、肯定比圖節(jié)省性能而且顏色都可以自定義等等,感興2013-10-29
CSS實(shí)現(xiàn)精靈圖與字體圖標(biāo)
這篇文章主要介紹了CSS實(shí)現(xiàn)精靈圖與字體圖標(biāo)的相關(guān)知識(shí),非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2018-05-08



