如何在表格框中添加边框？

Question

我想在bootstrap表单框中添加边框。我添加了边框样式属性，但它不起作用。建议请

thia是表格框类：

<div class="form-box">
                   <div class="form-top">
                                <div class="form-top-left">

这就是css：

.form-box {
    margin-top: 0px;
      border-radius: 25px;
    border-bottom-style: solid;
    border-color: #50e54b;

}

Answer 1

由于其他课程，请使用“！important”

border: solid 2px #50e54b!important;

Answer 2

您可以使用边框CSS属性 [border] （https://developer.mozilla.org/en-US/docs/Web/CSS/border）

为框添加边框

以下是一个示例用法：

border: 1px solid #FFFFFF;

上面的代码将添加厚度为1px且颜色为白色的实心边框。

单击上面的链接以查看有关border属性的更多信息。

Answer 3

据我所知，代码运行正常。但是如果你想要，你可以添加一个8px的填充，这样内容就有了放置空间，而不是被边框塞进去。顺便说一下，2px或4px边框半径看起来更适合边框，但它取决于你。

.form-box {
  padding: 8px; /*makes it look neat*/
  border-radius: 4px; /*or 2px*/
  border: 1px solid red;
}