表格边框底部的行

Question

我尝试在桌面行放置一个边框底部，但它们没有显示出来。那是为什么？

http://www.mysecretathens.gr/Sera/dates.html

我认为我的代码非常简单，可以将一个类放到其中。

<tr class="line">

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

Answer 1

你可以试试这个：

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

Answer 2

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

上

将您的风格更改为：

tr.line td {border-bottom：1px solid＃B4B5B0;}

Answer 3

将“border-collapse：collapse”样式添加到表格元素中，这样会调出行边框

Answer 4

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

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

Answer 5

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

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

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

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