在參考小米官網寫頁面時，會發現小米中有很多的矢量圖示，小米的圖示或許是自己的，但是我們寫頁面時要用到矢量圖示時怎么辦，可以使用阿里提供的圖示庫
阿里矢量圖示庫網址：https://www.iconfont.cn/?spm=a313x.7781069.1998910419.d4d0a486a 注冊一個賬號就可以免費的使用了，
使用方法如下：
第二步
第三步
添加購物車
代碼下載后會有一個如下的檔案夾，復制到自己的專案中
下面簡單的使用一下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <!-- 第一步引入 iconfont.css --> <link rel="stylesheet" type="text/css" href="font_fupby3jjl5e/iconfont.css"/> </head> <body> <span class="iconfont icon-sousuokuang" style="color: #0086B3;"></span> <!-- 第一種 --> <span class="icon iconfont"></span> <!-- 第二種 --> <!-- 第三種我沒有使用過可以參考 demo_index.html 檔案--> </body> </html>
矢量圖示就相當于文本一般，它可以使用文本的屬性比如修改顏色，改變字體大小，字體居中等屬性，所以在處理矢量圖示時比圖片更加的方便簡潔，
個人學習，內容簡略，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/7096.html
標籤：Html/Css
下一篇：css中的flex布局