W3.CSS 列表

列表在网页中非常有用。它可以用于各种内容，因为它们灵活且易于管理。我们使用.w3-ul类作为列表。列表的默认样式是无边框的，但我们可以使用其他类向列表添加边框和其他效果。

示例：使用 W3.CSS 在网页上添加列表。

HTML

  

  
    
    

  

    
    
    

  
        
        
        

           Welcome To GFG
        
    
      
    
    

        
        
 
            
            
Data Structure
 
            
Operating System
 
            
Algorithm
 
        
    

  

输出：

我们还可以通过使用 W3.CSS 中的 w3-border 类来添加边框。

示例：使用 W3.CSS 在网页上添加带边框的列表。

HTML

  

  
    
    

  

    
    
    

  
        
        
        

            Welcome To GFG
        
    
      
    
    

        
        
        
 
            
            
Data Structure
 
            
Operating System
 
            
Algorithm
 
        
    

  

输出：

我们还可以使用 w3-color 类向列表添加颜色。这些颜色也可以从hoverable 类中添加到列表上的悬停效果。

示例：使用 W3.CSS 在网页上添加带有颜色的列表。

HTML

  

  
    
    

  

    
    
    

        
        
        

            Welcome To GFG
        
    
      
    
    

        
        
        
 
            
            
Data Structure
 
            
Operating System
 
            
Algorithm
 
        
    

  

输出：

我们甚至可以使用基本的 CSS 或样式来更改列表的宽度。默认情况下，列表的宽度设置为 100%。

句法：

...

例子：

HTML

  

  
    
    

  

    
    
    

        
        
        

            Welcome To GFG
        
    
      
    
    

        
        
        
 
            
            
Data Structure
 
            
Operating System
 
            
Algorithm
 
        
    

  

输出：

列表也有各种尺寸。您可以从 W3.CSS 中的各种大小类设置列表的大小。

例子：

HTML

  

  
    
    

  

    
    
    

        
        
        

            Welcome To GFG
        
    
      
    
    

        
        
        
 
            
            

                Small Sized List
            
 
            

                Large Sized List
            
 
            

                Jumbo Sized List
            
 
        
    

  

输出：

您还可以在列表中添加徽章。要添加徽章，您可以使用 w3-badge 类。

例子：

HTML

  

  
    
    

  

    
    
    

  
        
        
        

            Welcome To GFG
        
    
      
    
    

        
        
        
 
            
            

                Data Structure 1
            
 
            

                Operating System 5
            
 
            

                Algorithm 0
            
 
        
    

  

输出：