您可以使用box-shadow属性来模拟tr元素的边界。调整box-shadow的Y位置(下面表示为2px)来调整厚度。

tr {
  -webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.99);
  -moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.99);
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.99);
}

使用border-collapse:折叠桌面和边框底部:1pt纯黑色;在电话里

这里有很多不完整的答案。因为你不能给tr标签加边框，你需要给td或者th标签加边框，就像这样:

td {
  border-bottom: 1pt solid black;
}

这样做将在每个td之间留下一个小的空间，如果您希望边界看起来就像tr标签，这可能是不可取的。为了“填补空白”，你需要利用table元素的border-collapse属性，并将其值设置为collapse，如下所示:

table {
  border-collapse: collapse;
}

您可以使用box-shadow属性来模拟tr元素的边界。调整box-shadow的Y位置(下面表示为2px)来调整厚度。

tr {
  -webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.99);
  -moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.99);
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.99);
}

如果你不想的话

在桌面上执行边界崩溃 使用TD元素样式

你可以使用::after选择器为TR添加边框:

table tbody tr {
    position : relative; # to contain the ::after element within the table-row
}

table tbody tr td {
    position : relative; # needed to apply a z-index
    z-index : 2; # needs to be higher than the z-index on the tr::after element
}

table tbody tr::after {
    content : '';
    position : absolute;
    z-index : 1; # Add a z-index below z-index on TD so you can still select data from your table rows :)
    top : 0px;
    left : 0px;
    width : 100%;
    height : 100%;
    border : 1px solid green; # Style your border here, choose if you want a border bottom, top, left, etc ...
}

这是一个简单的技巧，我在一个场景中使用，我必须在表行之间放置空格，这样我就不能在表上添加边界折叠，最终结果:

希望能有所帮助。

你不能给tr元素加边框。这在firefox和IE 11中都适用:

<td style='border-bottom:1pt solid black'>