4

我有一个正在处理的新项目，我正在使用 Bootstrap 3.0。

我有一个带有“table”类的表（仅此而已），它的 DOM 中有一个 thead 和 tbody。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;}
4

2 回答 2

10

是的，您可以删除此边框：

在css文件中你可以看到：

border-bottom在引导程序中，您在表头元素上设置了以下 CSS For ：

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

通过去除这两种边框样式，您可以轻松获得成功和想要的效果。

于 2013-10-12T07:52:07.353 回答
4

这是边界：

.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;
于 2013-10-12T07:42:34.880 回答