CSS 中Font Awesome 圖標（附碼錶）

時間 2019-12-05

標籤 css font awesome 圖標碼錶欄目 CSS 简体版

原文原文鏈接

HTML中縮放的矢量圖標，您可使用CSS所提供的全部特性對它們進行更改，包括：大小、顏色、陰影或者其它任何支持的效果。css

Font Awesome 傳送門：http://fontawesome.dashgame.com/html

部分圖標：spa

其餘效果圖：code

調用實例：htm

 1 <html>
 2 <head>
 3 <title>Font Awesome圖標調用實例</title>
 4 
 5 <!-- 將下載的Font Awesome圖標文件夾放入項目css，並增長下段代碼 -->
 6 <link href="css/font-awesome-4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
 7 
 8 </head>
 9 
10 <body>
11                       
12     <label>Name</label>
13     
14     <br>
15     <br>
16     
17     <!-- 簡單的調用方式 -->
18     <i class="fa fa-user"></i>
19     <input type="text" value="">                                                                             
20 
21 </body>
22 </html>