用CSS樣式產生搜尋、購物車等圖示樣式

這篇文章主要介紹了用CSS樣式產生搜尋、購物車等圖示樣式(圖示字體庫)的相關資料,需要的朋友可以參考下

參考網址：http://fontawesome. dashgame.com/

基本圖示:

您可以將Font Awesome圖示使用在幾乎任何地方，只需要使用CSS前綴fa ，再加上圖示名稱。 Font Awesome是為使用內聯元素而設計的。我們通常更喜歡使用 5a8028ccc7a7e27417bff9f05adf5932 ，因為它更簡潔。 但實際上使用 45a2772a6b6107b401db3c9b82c049c2 才能更加語意化。

<i class="fa fa-camera-retro"></i> fa-camera-retro

注意：如果您修改了圖示容器的字體大小，圖示大小會隨之改變。同樣的變化也會發生在顏色、陰影等其它任何CSS支援的效果上。                   

以記憶的時候記得引入：

<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">

以上是用CSS樣式產生搜尋、購物車等圖示樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章！