📜  语义UI |图标

📅  最后修改于: 2021-08-31 07:15:05             🧑  作者: Mango

语义 UI 开源框架提供图标或字形,用于显示与使用 CSS 和 jQuery 的某些元素相关的图片,用于创建出色的用户界面。它与引导程序的使用非常相似,可以使网站更加精彩。它使用类为 HTML 元素或控件添加样式。

例子:



  

    Semantic UI
    

  

    
        

Icon

                 

Code

                 

Globe

    
                      

输出:

示例:以下示例显示禁用的图标。



  

    Semantic UI
    

  

    
        

Disabled Icon

        
        

Power off

    
                      

输出:

示例:以下示例显示加载图标。



  

    Semantic UI
    

  

    
        

Loading Icon

        
                               
                      

输出:

示例:以下示例显示圆形图标。



  

    Semantic UI
    

  

    
                   

Circular Icon

        
                                        
                   

输出:

示例:以下示例显示有边框的图标。



  

    Semantic UI
    

  

    
        

Bordered Icon

        
                                        
                   

输出

示例:以下示例显示了彩色图标。



  

    Semantic UI
    

  

    
                   

Coloured Icon

        
        
        
        
        
    
                   

输出:

示例:以下示例显示了不同大小的图标。



  

    Semantic UI
    

  

    
        

Different size Icon

        
                                                                            
                      

输出: