语义 UI 图标边框变化
语义用户界面 是一个开源开发框架,它提供预定义的类,使我们的网站看起来漂亮、令人惊叹且响应迅速。它类似于具有预定义类的 Bootstrap。它使用 jQuery 和 CSS 来创建接口。它也可以像 bootstrap 一样通过 CDN 直接使用。
Semantic UI 为用户提供了各种不同的图标,这些图标可用于不同的目的,并具有漂亮的用户界面。在这篇文章中,让我们看看图标边框的变化。
带边框的图标变体允许用户制作语义 UI 图标集的带边框图标。
语义 UI 图标边框变体类:
- 边框:这将图标设置在边框内。
句法:
...
示例 1:以下代码演示了带边框的对齐图标类以及图标集的left 、 right 、 center和justify类。
HTML
GeeksforGeeks
Semantic UI icon bordered variation
HTML
GeeksforGeeks
Semantic UI icon bordered variation
输出:
示例 2:以下代码演示了带边框的图标类以及图标集的复制、粘贴、链接和剪贴板类。
HTML
GeeksforGeeks
Semantic UI icon bordered variation
输出:
参考: https://semantic-ui.com/elements/icon.html#/icon