表格边框在行底

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

在表格元素中添加“边框折叠：折叠”样式，这将显示行边框

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