Semantic-UI 按钮变体：负变体

在 Semantic-UI 中，按钮是一个非常重要的组件。除了基本样式之外，Semantic-UI 还提供了多种变体，以满足不同的需求。其中之一就是负变体，它具有深色背景和浅色文本。

使用方法

通过在按钮 class 中添加 .basic 和 .inverted，即可创建负变体的按钮。例如：

<button class="ui basic inverted button">按钮</button>

效果预览

这是负变体按钮的样式预览：

按钮

可配置的属性

除了基本按钮样式之外，负变体按钮还可以使用 Semantic-UI 的一些可配置属性。例如，可以使用 size 属性来指定按钮的大小，如下所示：

<button class="ui basic inverted mini button">小型按钮</button>
<button class="ui basic inverted tiny button">微小按钮</button>
<button class="ui basic inverted small button">小按钮</button>
<button class="ui basic inverted button">默认大小按钮</button>
<button class="ui basic inverted large button">大按钮</button>
<button class="ui basic inverted big button">巨大按钮</button>
<button class="ui basic inverted huge button">超大按钮</button>
<button class="ui basic inverted massive button">极大按钮</button>

总结

负变体按钮可以为网页添加一个好看的、深色的按钮，让用户更容易注意和点击。同时，Semantic-UI 的可配置属性也可以让按钮更加丰富多彩。