Semantic-UI 列表图标内容

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。

语义 UI 列表让我们可以订购任何列表。列表组件中有 4 种类型的列表可用，具有 6 种不同类型的内容。

在本文中，我们将学习语义 UI 列表内容图标。

Semantic UI List Content Icon 用于将图标包含在列表中。

语义 UI 列表内容图标类：

• icon：该类用于在列表内容中包含图标。

句法：

  
    
    

    ....
    
  

示例：以下示例说明了语义 UI 列表内容图标。在这个例子中，我们将创建 2 个列表，一个是有序列表，另一个是无序列表。您可以在任何类型的列表中包含图标。

HTML

  

    
  
    

  

    
        

            GeeksforGeeks
        
          
        Semantic UI List Icon Content
        


    
  
    Unordered List Content Icon:
    

        
            
            

                
HTML:
                

                    HTML stands for HyperText 
                    Markup Language.
                
            
        
        
            
            

                
CSS:
                

                    CSS stands for Cascading 
                    Style Sheets
                
            
        
    
    

  
    Ordered List Content Icon:
    

        
            
            

                
HTML:
                

                    HTML stands for HyperText 
                    Markup Language.
                
            
        
        
            
            

                
CSS:
                

                    CSS stands for Cascading 
                    Style Sheets
                
            
        
    

  

输出：

Semantic-UI 列表图标内容

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