📜  Semantic-UI 标签循环组

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

Semantic-UI 标签循环组

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

语义 UI 标签用于创建有意义的内容分类,标签提供对内容片段的描述。在标签组中,单个类将使整个标签组的样式相同。在语义 UI 标签中,提供了 4 种类型的组。这些是组大小、彩色组、标签组、圆形组。

在本文中,我们将学习使用语义 UI 框架的 Label Circular Group。

标签圆形组用于使基本标签的形状为圆形。标签可以在标签圆形组中共享形状,即,如果我们全局包含圆形类,则 div 内的所有标签可以共享相同的格式。

Semantic-UI 标签循环组类:

  • 圆形:该类用于使标签圆形。

句法:

... ...

示例 1:

HTML


  

    
    
    GeeksforGeeks

  

    
    

GeeksforGeeks

    Semantic UI Label Circular Group     
        Geeks         for         Geeks     
  


HTML


  

    
    
    GeeksforGeeks

  

    
    

GeeksforGeeks

    Semantic UI Label Circular Group     
        Geeks         for         Geeks     
  


HTML


  

    
    
    GeeksforGeeks

  

    
    

GeeksforGeeks

    Semantic UI Label Circular Group     
                                        
  


输出:

例2:在这个例子中,我们将改变圆形标签的颜色,我们必须在类中添加颜色。

HTML



  

    
    
    GeeksforGeeks

  

    
    

GeeksforGeeks

    Semantic UI Label Circular Group     
        Geeks         for         Geeks     
  

输出:

示例 3:在此示例中,我们将创建没有任何文本的圆形标签。

HTML



  

    
    
    GeeksforGeeks

  

    
    

GeeksforGeeks

    Semantic UI Label Circular Group     
                                        
  

输出:

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