Html 如何删除bootstrap 3.0表thead上的底部边框？

我正在做一个新项目，我正在使用Bootstrap3.0

我有一个类为“table”（不再有）的表，它的DOM中有一个thead和tbody。 身体里没有任何边界，但在thead里有一个小的白色（或接近白色）边界，我的生命无法离开

以下是表格所在的网站：

如果我能为解决我的问题提供更多帮助，我将非常乐意编辑这篇文章

编辑 以下是我对已接受答案的修改版本，因为我只是删除了边界，没有修改任何其他内容：

.table thead>tr>th,.table tbody>tr>th,.table tfoot>tr>th,.table thead>tr>td,.table tbody>tr>td,.table tfoot>tr>td{border:none;}

这是边界：

.table thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}

你可以随意编辑它

---

更新： 也编辑该类：

.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td {
padding: 8px;
line-height: 1.428571429;
vertical-align: top;
border-top: 1px solid #ddd;

---

是，您可以删除此边框：

在

css

文件中，您可以看到：

在bootstrap中，您对表头元素的set

border bottom

有以下CSS：

.table thead>tr>th {
   vertical-align: bottom;
   border-bottom: 2px solid hsl(0, 0%, 87%);
}

.table thead>tr>th,.table tbody>tr>th,.table tfoot>tr>th,.table thead>tr>td,.table tbody>tr>td,.table tfoot>tr>td{
   padding:8px;
   line-height:1.428571429;
   vertical-align:top;
   border-top:1px solid #ddd
}

表行元素上的set

边框顶部

的以下CSS：

.table thead>tr>th {
   vertical-align: bottom;
   border-bottom: 2px solid hsl(0, 0%, 87%);
}

.table thead>tr>th,.table tbody>tr>th,.table tfoot>tr>th,.table thead>tr>td,.table tbody>tr>td,.table tfoot>tr>td{
   padding:8px;
   line-height:1.428571429;
   vertical-align:top;
   border-top:1px solid #ddd
}

---

通过删除这两种边界样式，您可以轻松获得成功和想要的东西

哇，谢谢你。这是非常快的，但是有了这个改变，有一个更薄的非常轻的线。你能帮我找到问题片段吗？提前谢谢，谢谢！不过，我会接受另一个答案，因为他已经为我解决了这个问题。不过，您的信息也很有价值！