📜  语义 UI 图标集接口

📅  最后修改于: 2022-05-13 01:56:16.597000             🧑  作者: Mango

语义 UI 图标集接口

Semantic UI 是一个开源开发框架,它提供预定义的类,使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 bootstrap 一样通过 CDN 直接使用。 Semantic UI 为用户提供了各种不同的图标,这些图标可用于不同的目的,并具有漂亮的用户界面。图标比文字表示为网站增添了更多美感。在这篇文章中,让我们看看接口的图标集。 Semantic UI 为代表常见动作的界面提供了一些最常用的图标类。

语义 UI 图标集接口类:

  • *icon interface_class :该类用于在界面中包含各种图标。

注意:要了解所有图标类,您可以查看此页面: https://semantic-ui.com/elements/icon.html#interfaces

示例 1:此代码演示了所有界面图标集类。

HTML


  

    
    
    

  

    
        

GeeksforGeeks

                     Semantic-UI Icon Set Interfaces                  
        
           
               
                
                                   
                
                                   
                   
                                   
                   
                                   
                   
                                   
                   
                                   
                   
                                   
                   
                                   
                   
                                   
                   
                                   
            
        
    
  


HTML


  

    
    
    

  

    
        

GeeksforGeeks

                     Semantic-UI Icon Set Interfaces                  
        
           
               
                                                                                                 
        
    
  


输出:

语义 UI 图标集界面

语义 UI 图标集接口

示例 2:此代码演示了界面图标集类的示例。

HTML



  

    
    
    

  

    
        

GeeksforGeeks

                     Semantic-UI Icon Set Interfaces                  
        
           
               
                                                                                                 
        
    
  

输出:

参考: https://semantic-ui.com/elements/icon.html#interfaces