Html 表格行边框不为'；不能在Firefox和Safari中工作

我希望表格行的底部和顶部都有边框。下面的代码可以在IE中使用，但不能在Firefox或Safari中使用！请帮忙

HTML

---

据我所知，您不能通过CSS设置表格行的边框。但我会建议您解决这个问题：设置行内单元格的边框，然后使用cellspacting=“0”。 以下是CSS：

.TableRow td{
   border-bottom: 2px solid rgb(167,167,167);
   border-top: 2px solid rgb(167,167,167);
}

示例HTML是：

<table cellspacing="0">
    <tr class="TableRow">
        <td>A</td>
        <td>B</td>
    </tr>
    <tr>
        <td>C</td>
        <td>D</td>
    </tr>
</table>

A.
B
C
D

第一行是有边框的

希望有帮助

---

编辑：我尝试了你的代码，但没有在任何浏览器（包括IE）中显示边框。

这能解决你的问题吗

tr.TableRow td {
  border-bottom: 2px solid rgb(167,167,167);
  border-top: 2px solid rgb(167,167,167);
}

它将使用类

TableRow

为任何行中的所有表数据添加边框。在开始时添加

tr.

是一种很好的做法，因为我假设您将只对表行使用这个类

---

如果要将其应用于多行，则可能还需要添加

边框折叠：折叠

将边框折叠为单个边框。

将

边框折叠：折叠添加到表中，然后您可以将边框添加到tr中

例如：

table.myTable{
  border-collapse:collapse;
}

table.myTable tr{
  border:1px solid red;
}

只有当我给我的
一个CSS声明
边框折叠：separate
时，这才对我有效。
tr.TableRow td {
  border-bottom: 2px solid rgb(167,167,167);
  border-top: 2px solid rgb(167,167,167);
}

table.myTable{
  border-collapse:collapse;
}

table.myTable tr{
  border:1px solid red;
}