表格底部边框未出现答案

【问题标题】：bottom border on table is not appearing表格底部边框未出现
【发布时间】：2012-06-04 05:50:48
【问题描述】：

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

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

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

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

我发誓我以前尝试过，但没有成功，但这次果然成功了。我一定有一个类型。感谢您的帮助
注意，如果你尝试了 .bottom table { .. }，就像我的第一个倾向一样，它不会起作用，因为 .bottom 是 FOR THE TABLE 本身的类，而不是包含表的容器.
我就是这么干的，呵呵
@JeremyGoodell：是的 - 要只获得 <td> 类 .bottom，必须使用 td.bottom

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：