桌子上的下边框没有出现

时间:2012-05-30 01:06:25

标签: html css styles border

我的表类是.bottom,我希望表的底部是一条黑色的实线,一直到底。所以我尝试了这个:

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

但那并不是这样。所以我在CSS中尝试了这个:

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

现在表中的所有内容都有一个黑色下划线(链接,td,图像),我想要的只是表本身有一个坚实的黑色底边框。任何建议都非常感谢。

3 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

对于在桌面上出现类似边框问题的其他人,您也可能需要确保已设置table {border-collapse: separate;},否则边框将无法显示,即使已设置样式。

虽然此行为是默认行为,但如果您使用模板(例如,对于eDM),则可能已在预定义模板样式的某处将其设置为table {border-collapse: collapse;}

答案 2 :(得分:0)

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

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