Html 更改Twitter引导中带边框的.table的线条颜色

我正在使用twitter引导设置许多表的样式，并使用

.table.table bordered

类。默认边框颜色为灰色，适用于除一个表之外的所有表。对于一张桌子，我想把这个边框颜色改成黑色，如果可能的话，还要把线条加粗。我用的更少了

我对它进行了研究，发现了

@tableBorder

变量，我可以自定义该变量，但更改该变量会更改所有表的颜色

我尝试给这个表一个类，并将其放入css文件中：

.differentTable {
   @tableBorder: black;
}

…但这似乎没有改变任何事情（不知道为什么）

---

非常感谢您的帮助。

@tableBorder

是一个变量，而不是属性

您可以将以下内容添加到CSS中：

.differentTable, .differentTable td{
   border-color: black;
}

最好的办法是

.table {
  border: 0.5px solid #000000;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
   border: 0.5px solid #000000;
}

.表格边框th：为头部和脚部表格创建边框

.表格边框td：为正文表格创建边框

我必须使用'！很重要，因为没有它边界不会改变。

这是最好的方法

.table-border,
thead,
tbody,
tr {
  border: 5px dotted #4c4c4c;
}

---

更改引导中的边框样式属性。

除了引导类.table和.table bordered外，还可以使用css属性

<style>

th,td{
border-color: black !important;
border: 2px solid black;
}

</style>

th，td{
边框颜色：黑色！重要；
边框：2件纯黑；
}

---

注意：！这一点很重要，因为没有它，边框的颜色是不会改变的。

Bootstrap拥有自己特有的彩色边框

只需对要高亮显示的表td使用

class=“border border dark”

---

bootstrap中的其他预定义颜色也适用于

border-*

，请使用一些帮助。

您只是在该上下文中更改变量，而不是应用它。您必须复制使用@tableBorder的属性。这个答案将受益于一点详细说明、解释和推理。仍然是最好的答案

<style>

th,td{
border-color: black !important;
border: 2px solid black;
}

</style>