Html 表边框位于行底部

我试图在表行底部加上边框，但它们没有显示出来。为什么呢

我认为我的代码非常简单，将一个类放到tr元素中

<tr class="line">

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

表tr.line{边框底部：1px实心#B4B5B0；}

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

---

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

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

表tr.line td{边框底部：1px实心#B4B5B0；}

您可以尝试以下方法：

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

您可以尝试以下方法：

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

---

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

将您的样式更改为：

---

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

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

将您的样式更改为：

---

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

将“border collapse:collapse”样式添加到表格元素中，该样式将显示行边框

将“border collapse:collapse”样式添加到表格元素中，该样式将显示行边框

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

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

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

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

---

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

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

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

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