Semantic-UI 按钮图标类型
Semantic UI 是一个现代框架,用于为网站开发无缝设计,它为用户提供了轻量级的组件体验。它使用预定义的 CSS 和 jQuery 来整合不同的框架。
Semantic UI Button Type 为我们提供了不同类型的按钮,如普通按钮、强调按钮、动画按钮。标记按钮、图标、标记图标、基本和倒置按钮。在本文中,我们将了解语义 UI 按钮图标类型。
Semantic UI Button Icon Type 类用于创建包含按钮内部图标的按钮。
Semantic-UI 按钮图标类型类:
- icon:该类用于在按钮内部添加按钮。
句法:
示例 1:在此示例中,我们将在普通按钮上使用图标。
HTML
Semantic UI
GeeksforGeeks
Semantic-UI Button Icon Type
GeeksforGeeksNews letter:
HTML
Semantic UI
GeeksforGeeks
Semantic-UI Button Icon Type
GeeksforGeeksNews letter:
输出:
示例 2:在此示例中,我们将在基本按钮上使用图标。
HTML
Semantic UI
GeeksforGeeks
Semantic-UI Button Icon Type
GeeksforGeeksNews letter:
输出:
参考: https://semantic-ui.com/elements/button.html#icon