我有一个3乘3的表.我需要一种方法为每行的底部添加一个边框tr并给它一个特定的颜色.
首先我尝试了直接的方式,即:
<tr style="border-bottom:1pt solid black;">
但那没用.所以我添加了这样的CSS:
tr {
border-bottom: 1pt solid black;
}
那还是行不通的.
我更喜欢使用CSS,因为那时我不需要style为每一行添加属性.我还没有添加border属性<table>.我希望这不会影响我的CSS.
我希望在每行数据之后绘制一条水平线
<!DOCTYPE html>
<html>
<body>
<table>
<tr>
<td>
data a
</td>
</tr>
<hr/>
<tr>
<td>
data b
</td>
</tr>
</table>
</body>
</html>
但我的代码输出是这样的
__________________________________________________________
data a
data b
期待结果
data a
__________________________________________________________
data b
另外的问题
如果让我说我有几个表行,但有些行不需要水平线我可以做类似的事情
.styletr {border-bottom: 1px solid black;}
然后
<tr class=styletr>
</tr>
？