html - 表格底部边框未出现

Question

我的表格类是 .bottom ，我希望表格的底部是一条实心黑线，一直穿过。所以我尝试了这个：

<table style="border-bottom-color:#000000">

但这并没有做到。所以我在 CSS 中尝试了这个：

.bottom td {border-bottom: 2px solid black !important;}

现在表格中的所有内容都有黑色下划线（链接，td，图像），我想要的只是表格本身有一个纯黑色的底部边框。任何建议都非常感谢。

Answer 1

对于没有出现表格边框的类似问题的其他任何人，您可能还需要确保已设置table {border-collapse: separate;}，否则即使设置了样式，边框也不会显示。

虽然此行为是默认行为，但如果您使用模板（例如，对于 eDM），它可能已设置为table {border-collapse: collapse;}预定义模板样式中的某个位置。

Answer 2

.bottom {border-bottom: 2px solid black;}

Answer 3

我遇到了同样的问题，我所要做的就是在 table 属性中添加一些 margin-bottom 。

 table {
        table-layout: inherit;
        width:91.8%;
        font-family: $fontserrat;
        margin-bottom: 10px;
}