我试着加上

    table {
      border-collapse: collapse;
    }   

与

    tr {
      bottom-border: 2pt solid #color;
    }

然后注释掉border-collapse，看看效果如何。只需要使用带有bottom-border属性的tr选择器就可以了!

没有边界CSS ex。

无边境照片直播

CSS边界前。

表与边境照片现场

Use

table{border-collapse:collapse}
tr{border-top:thin solid}

将“thin solid”替换为CSS属性。

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

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

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

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

table {
  border-collapse: collapse;
}

<td style=" font - family:宋体;Border-bottom:粗虚线#ff0000;" >

你也可以对整行做同样的处理。

有边界底部样式，边界顶部样式，边界左样式，边界右样式。或者简单的边框样式，同时应用于所有四个边框。

你可以在这里看到(并在网上尝试一下)更多细节

添加border-collapse:collapse到你的表格规则中:

table { 
    border-collapse: collapse; 
}

例子

表{ border-collapse:崩溃; } tr { 底边:1pt纯黑色; } <表> A1 < tr > < td > < / td > < td > B1 < / td > < td > C1 < / td > < / tr > < tr > < td > A2 < / td > < td > B2 < / td > < td > C2 < / td > < / tr > < tr > < td > A2 < / td > < td > B2 < / td > < td > C2 < / td > < / tr > 表> < /

Link