html - 表格边框底部在行

Question

我尝试在表格行上放置一个边框底部，但它们没有出现。这是为什么？

我认为我的代码很简单，将一个类放到 tr 元素中。

<tr class="line">

table tr.line {border-bottom: 1px solid #B4B5B0;}

score 3 · Accepted Answer

3

你可以试试这个：

tr.line td{ 
border-bottom: 1px solid #B4B5B0; 
}

于 2012-08-30T14:57:38.373 回答

score 1 · Accepted Answer

您不能在 tr 元素上设置边框。你必须把它们放在 td

将您的样式更改为：

tr.line td{border-bottom: 1px solid #B4B5B0;}

score 1 · Accepted Answer

将“border-collapse：collapse”样式添加到您的表格元素中，这应该会显示行边框

score 0 · Accepted Answer

如果页面上只有一个表格，您可以尝试；

td{
  border-bottom: solid 1px #B4B5B0;
}

或者，如果您有多个表，请使用类，例如；

.your_table_class td{
  border-bottom: solid 1px #B4B5B0;
}

score 0 · Accepted Answer

在表格单元格上执行此操作，它适用于所有浏览器。

table tr.line td {border-bottom: 1px solid #B4B5B0;}

5 回答 5