📜  Semantic-UI 标签基本变体

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

Semantic-UI 标签基本变体

Semantic UI 是一个开源框架,它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同,并且有很多不同的元素可用于使您的网站看起来更神奇。这个框架允许我们使用它的各种样式和属性来使网站更加用户友好。

在语义 UI 标签中,提供了 4 种类型的变体。这些是基本的、圆形的、彩色的、大小的。有了这个基本标签,我们可以创建几个标签,包括图像、细节、指向标签等。一个基本标签可以降低它的复杂性。

Semantic-UI Label Basic Variations 类:

  • basic:此类用于在元素上创建基本标签。

句法:

示例 1:在此示例中,我们将使用 Semantic-UI 创建一个基本标签和指向标签。

HTML


  

    
    

  

  

GeeksforGeeks

       Semantic UI Label Basic Variations       
      Basic:       GeeksforGeeks
      Pointing:       GeeksforGeeks   


HTML


  

    
    

  

    

GeeksforGeeks

       Semantic UI Label Basic Variations       
                                GeeksforGeeks       


输出:

示例 2:在此示例中,我们将使用语义 UI 标签创建一个基本图像标签。

HTML



  

    
    

  

    

GeeksforGeeks

       Semantic UI Label Basic Variations       
                                GeeksforGeeks       

输出:

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