表格邊框在行底

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