底部到表格行<tr>
我有一个3乘3的表格。我需要一种方法来为每一行tr
的底部添加一个边框并给它一个特定的颜色。
首先我尝试了直接的方式,即:
<tr style="border-bottom:1pt solid black;">
但那并不奏效。 所以我像这样添加了CSS:
tr {
border-bottom: 1pt solid black;
}
这仍然没有奏效。
我宁愿使用CSS,因为那样我就不需要为每行添加一个style
属性。 我没有向<table>
添加border
属性。 我希望这不会影响我的CSS。
我之前有过这样的问题。 我不认为tr
可以直接采用边框样式。 我的解决方法是在行中设置td
的样式:
<tr class="border_bottom">
CSS:
tr.border_bottom td {
border-bottom:1pt solid black;
}
添加border-collapse:collapse
到您的表格规则:
table {
border-collapse: collapse;
}
链接
使用border-collapse:collapse
桌面和border-bottom: 1pt solid black;
在tr