表格边框底部在行

【问题标题】：Table border-bottom at rows表格边框底部在行
【发布时间】：2012-08-25 08:21:43
【问题描述】：

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

我认为我的代码非常简单，将类添加到 tr 元素。

<tr class="line">

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

【问题讨论】：

【解决方案1】：

你可以试试这个：

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

【讨论】：

【解决方案2】：

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

改变你的风格：

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

【讨论】：

【解决方案3】：

在表格元素中添加“border-collapse:collapse”样式，这应该会显示行边框

【讨论】：

【解决方案4】：

在表格单元格上做，它适用于所有浏览器。

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

【讨论】：

【解决方案5】：

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

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

或者如果你有多个表，使用类，比如；

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

【讨论】：