table 添加表行的底部边框、定制表格边框

我已经3×3的表格需要一种方法来添加边框的底部具有特定颜色中的每一行<tr>首先,我试图直接的方式,是
<tr style="border-bottom:1pt solid black;">
但没有奏效。 所以我说的CSS 这样
tr {
border-bottom: 1pt solid black;
}
仍然没有工作。 我宁愿CSS的话,我不需要添加样式每一行中。 我还没有添加border属性的<table>。我希望它不会影响我的CSS。
本文地址 :CodeGo.net/440298/ 
------------------------------------------------------------------------------------------------------------------------- 
1. 我以前碰到这样的问题。我不认为tr可直接乘坐边框建模。我的解决方法是在样式tdS中的行:
<tr class="border_bottom">
CSS:
tr.border_bottom td {
 border-bottom:1pt solid black;
}

2. border-collapse:collapse你的表的规则:
table { 
 border-collapse: collapse; 
}
链接 
3. 显示该行作为一个块。
tr {
 display: block;
 border-bottom: 1px solid #000;
}
并简单地交替显示的颜色:
tr.oddrow {
 display: block;
 border-bottom: 1px solid #F00;
}

4. 使用border-collapse:collapse作为森写道,你需要设置td { border-bottom: 1px solid #000; } 
5. 我发现TD的缝隙之间的空间形成了边境,但没有恐惧...... 解决此问题的方法:
<tr>
 <td>
  Example of normal table data
 </td>
 <td class="end" colspan="/* total number of columns in entire table*/">
  /* insert nothing in here */ 
 </td>
</tr>
用CSS:
td.end{
 border:2px solid black;
}
posted @ 2017-10-21 09:29  神将飞蓬  阅读(420)  评论(0编辑  收藏  举报