如何刪除bootstrap 3.0表格中的下邊框？

Question

我有一個我正在研究的新項目，我正在使用Bootstrap 3.0。

我有一個表“class”（並沒有），它有一個thead和tbody在它的DOM中。 tbody中沒有任何邊框，但是在thead中有一個小的白色（或接近白色）邊框，在我的生命中，我無法消失。

這是該表所在的網站： http ： //majornoob.com/dev/mcsr/

如果我可以幫助解決我的問題，我會非常樂意編輯這篇文章。

編輯

這是我接受的答案的修改版本，因為我只是刪除邊框而不是修改其他任何內容：

.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;}

Answer 1

是的，您可以刪除此邊框：

在css文件中，您可以看到：

在bootstrap中你有以下CSS用於表頭元素的set border-bottom ：

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

並遵循CSS在表行元素上設置border-top ：

.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
}

通過刪除這兩種邊框樣式，您可以輕松獲得成功和所需。

Answer 2

這是邊界：

.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;