📌  相关文章
📜  W3.CSS-图标

📅  最后修改于: 2020-10-17 05:13:21             🧑  作者: Mango

W3.CSS支持以下流行的图标库-

  • 字体真棒图标

  • Google Material图标

  • 引导图标

用法

要使用图标，请将图标的名称放在HTML 元素的类中。要控制图标的大小，可以使用以下类-

Sr. No. Class Name & Description
1

w3-tiny

Draws an icon of very small size.
2

w3-small

Draws an icon of small size.
3

w3-large

Draws an icon of large size.
4

w3-xlarge

Draws an icon of extra large size.
5

w3-xxlarge

Draws an icon of very extra large size.
6

w3-xxxlarge

Draws an icon of very high extra large size.

例

w3css_icons.htm

现场演示
The W3.CSS Icons
       
      
      
      
      
   
   
   
      
Icons Demo

      

      
Font Awesome Icon Demo

      
      
      
      
      
      
      
      
Google Material Design Icon Demo

      cloud
      cloud
      cloud
      cloud
      cloud
      cloud
      
      
Bootstrap Icon Demo

结果

验证结果。