📜  CSS |图标

📅  最后修改于: 2021-10-29 06:09:50             🧑  作者: Mango

可以使用图标库将图标添加到我们的 HTML 页面。库中的所有图标都可以使用 CSS 进行格式化。它们可以根据尺寸、颜色、阴影等进行定制。
图标库类型:

  • 字体真棒图标
  • 谷歌图标
  • 引导程序图标

注意:上述所有库都不需要任何下载或安装。

Font Awesome 图标:要使用 Font Awesome 图标,请在 部分中添加以下链接。


示例 1:



   
      
   
   
      

         GEEKSFORGEEKS       

                                      

输出:

示例 2:



   
      
   
   
      

         GEEKSFORGEEKS       

                                      

输出:

Google 图标:要使用 Google 图标,请在 部分中添加以下链接。


示例 1:



   
      
   
   
      

         GEEKSFORGEEKS       

      cloud       favorite       attachment       computer       traffic    

输出:

示例 2:



   
      
   
   
      

         GEEKSFORGEEKS       

      cloud       cloud       cloud       cloud       cloud    

输出:

谷歌图标

Bootstrap 图标:要使用 Bootstrap 图标,请在 部分中添加以下链接。


示例 1:



   
   
   
      

         GEEKSFORGEEKS       

                                      

输出:

示例 2:



   
   
   
      

         GEEKSFORGEEKS       

                                      

输出:

引导图标