Semantic-UI 角图标组
Semantic UI 是一个开源框架,它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同,并且具有多种不同的元素可用于使您的网站看起来更加惊人和响应迅速。图标是用于表示其他事物的字形。 Semantic UI 通过由 Font Awesome 团队为其标准图标集设计的 Font Awesome 5.0.8 的完整端口提供了数千个图标。这些图标的函数与页面上的文本非常相似,并且可以像文本一样格式化。
在本文中,我们将了解 Semantic UI 中的角图标组。角图标组是两个或多个图标的组合,它们相互叠加以创建所需的图标。为了在语义 UI 中创建一个角图标组,我们使用巨大的图标类和其他图标类创建一个大图标,然后使用位置类在角位置添加一个正常大小的图标。
语义 UI 角图标组类:
- corner:此类将较小的图标定位到较大图标的角落。
句法:
示例 1:此示例演示语义 UI 中的基本角图标组。
HTML
GeeksforGeeks
Semantic UI Icon group
HTML
GeeksforGeeks
Semantic UI Icon group
输出:
示例 2:此示例演示语义 UI 中的所有位置角图标组。
HTML
GeeksforGeeks
Semantic UI Icon group
输出:
参考: https://semantic-ui.com/elements/icon.html#/definition#groups