📜  Semantic-UI 标签指向类型

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

Semantic-UI 标签指向类型

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

语义 UI 标签用于创建有意义的内容分类。在本文中,我们将学习使用 Semantic UI 框架的 Semantic-UI Label Pointing Type。 Semantic-UI Label Pointing Type 用于添加指向其旁边的标签元素。

Semantic-UI 标签指向类型类:

  • pointing:该类用于添加指向默认位置的标签。
  • 指向下方:该类用于添加指向下方位置的标签。
  • left pointing:该类用于添加指向左侧位置的标签。
  • right pointing:该类用于添加指向正确位置的标签。

句法:

...
...

示例 1:此示例描述了 Semantic-UI 标签指向类型的使用。

HTML


  

    
        Semantic-UI Label Pointing Type
    
  
    

  

    
        

            GeeksforGeeks         

           

Semantic-UI Label Pointing Type

           
            
                                   
                    Please Enter Your Username                 
                             
            
               
                                 
                    Please Enter Your Password                 
            
        
    
  


HTML


  

    
        Semantic-UI Label Pointing Type
    
  
    

  

    
        

            GeeksforGeeks         

           

Semantic-UI Label Pointing Type

           
            
                                   
                    Please Enter Your Username                 
                             
            
               
                                 
                    Please Enter Your Password                 
            
        
    
  


输出:

示例 2:此示例描述了 Semantic-UI Label Pointing Type 的使用以及颜色和大小的变化。

HTML



  

    
        Semantic-UI Label Pointing Type
    
  
    

  

    
        

            GeeksforGeeks         

           

Semantic-UI Label Pointing Type

           
            
                                   
                    Please Enter Your Username                 
                             
            
               
                                 
                    Please Enter Your Password                 
            
        
    
  

输出:

参考: https://semantic-ui.com/elements/label.html#pointing