table 添加表行的底部边框、定制表格边框
<tr>
首先,我试图直接的方式,是
<tr style="border-bottom:1pt solid black;">
但没有奏效。 所以我说的CSS 这样
tr {
border-bottom: 1pt solid black;
}
仍然没有工作。 我宁愿CSS的话,我不需要添加样式每一行中。 我还没有添加border属性的<table>
。我希望它不会影响我的CSS。tr
可直接乘坐边框建模。我的解决方法是在样式td
S中的行:
<tr class="border_bottom">
CSS:
tr.border_bottom td {
border-bottom:1pt solid black;
}
border-collapse:collapse
你的表的规则:
table {
border-collapse: collapse;
}
链接tr {
display: block;
border-bottom: 1px solid #000;
}
并简单地交替显示的颜色:
tr.oddrow {
display: block;
border-bottom: 1px solid #F00;
}
border-collapse:collapse
作为森写道,你需要设置td
{ border-bottom: 1px solid #000; }
<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;
}
优质内容筛选与推荐>>