📜  W3.CSS 标签

📅  最后修改于: 2021-09-01 02:52:24             🧑  作者: Mango

.w3-tag 用于向内容添加附加信息。例如,某些网站将某些部分突出显示为新的,或者当他们更新了一个部分时,他们会添加带有该部门的更新标签,以便用户可以看到他们已更新以在其网站上添加新的部门。此类在使用时会创建一个矩形标记,用作站点上的标签或标志。它的默认颜色是黑色。

示例:在 HTML 页面中添加标签。

HTML


  

  
    
    

  

    
    
    
                             

            Welcome To GFG         

    
                
          
Updates                            More Later          
                       
Messages                            New          
          
Request                          Done          
    
    


HTML


  

  
    
    

  

  
    
    
    
                             

            Welcome To GFG         

    
                
          
Updates                            More Later          
                       
Messages                            New          
          
Request                          Done          
    
 


HTML


  

  
    
    

  

  
    
    
    
                             

            Welcome To GFG         

    
                
          
Updates                                            More Later          
                       
Messages                            New          
             
Request                          Done          
    
    


HTML


  

  
    
    

  

    
    
    
                             

            Welcome To GFG         

    
                
          
Updates                            More Later          
                       
Messages                            New          
          
Request                          Done          
    
    


输出:

可以使用 W3.CSS 的颜色类将颜色添加到标签中。

示例:在 HTML 页面上添加彩色标签。

HTML



  

  
    
    

  

  
    
    
    
                             

            Welcome To GFG         

    
                
          
Updates                            More Later          
                       
Messages                            New          
          
Request                          Done          
    
 

输出:

我们可以使用 W3.CSS 类中可用的字体大小添加各种大小的标签。

示例:添加不同大小的标签。

HTML



  

  
    
    

  

  
    
    
    
                             

            Welcome To GFG         

    
                
          
Updates                                            More Later          
                       
Messages                            New          
             
Request                          Done          
    
    

输出:

我们还可以使用 W3.CSS 中的 border-radius 类添加圆边标签。

例子:

HTML



  

  
    
    

  

    
    
    
                             

            Welcome To GFG         

    
                
          
Updates                            More Later          
                       
Messages                            New          
          
Request                          Done          
    
    

输出: