底部到表格行<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

链接地址: http://www.djcxy.com/p/88791.html

上一篇: bottom to table row <tr>

下一篇: Dojo TabContainer with styling in Internet Explorer