html - 语义 UI 中的边框类

Question

在 boostrap 中，我可以轻松地执行 {border border-primary 或 border-top-0} 我如何通过内置类使用语义 UI 实现此目的。

我尝试通读文档

<div id="Tab" class="ui centered aligned container">
  <h1></h1>
div

我喜欢 h1 元素上的边框

Answer 1

语义 UI 没有内置边框类(您可以查看语义 UI 文档)

你可以创建一个类使用格式

• 第一个参数是边框的粗细

• 其次是线型

• 第三个是边框颜色。

  .border-1{ 边框:1px 纯绿色；

阅读更多信息 https://developer.mozilla.org/en-US/docs/Web/CSS/border

.border-1{
border: 1px solid green;
}

<div id="Tab" class="ui centered aligned container">
  <h1 class='border-1'>Test</h1>
</div>