Semantic-UI 标签循环组
Semantic UI 是一个用于构建出色用户界面的框架。它是一个使用 CSS 和 jQuery 的开源框架。它与使用的引导程序相同,并且有很多不同的元素可用于使您的网站看起来更神奇。
语义 UI 标签用于创建有意义的内容分类,标签提供对内容片段的描述。在标签组中,单个类将使整个标签组的样式相同。在语义 UI 标签中,提供了 4 种类型的组。这些是组大小、彩色组、标签组、圆形组。
在本文中,我们将学习使用语义 UI 框架的 Label Circular Group。
标签圆形组用于使基本标签的形状为圆形。标签可以在标签圆形组中共享形状,即,如果我们全局包含圆形类,则 div 内的所有标签可以共享相同的格式。
Semantic-UI 标签循环组类:
- 圆形:该类用于使标签圆形。
句法:
...
...
示例 1:
输出:
例2:在这个例子中,我们将改变圆形标签的颜色,我们必须在类中添加颜色。
输出:
示例 3:在此示例中,我们将创建没有任何文本的圆形标签。
输出:
参考: https://semantic-ui.com/elements/label.html#circular-group