Table border-bottom at rows

Question

I try to put a border-bottom at the table-rows but they don't show up. Why is that?

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

I think my code is pretty simple putting a class to ther tr element.

<tr class="line">

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

Answer 1

You can try this:

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

Answer 2

You can't put borders on tr elements. You have to put them on td

Change your style to:

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

Answer 3

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

Answer 4

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

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

Answer 5

if you have a single table on the page, you may try;

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

or if you have multiple tables, use class, like;

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