该文章解决用table标签画表格时,用border属性产生的表格重合线加粗的问题。
css部分:
table,table tr th, table tr td {
border:1px solid #a8aeb2;
padding: 5px 10px;
}
table {
min-height: 25px;
line-height: 25px;
text-align: center;
border-collapse: collapse;
}
image.gif
html部分:
<table>
<tr>
<th>姓名</th>
<th>性别</th>
<th>住址</th>
<th>电话</th>
</tr>
<tbody>
<tr>
<td>张三</td>
<td>男</td>
<td>深圳龙岗区</td>
<td>131313131313</td>
</tr>
<tr>
<td>张三</td>
<td>男</td>
<td>深圳龙岗区</td>
<td>131313131313</td>
</tr>
</tbody>
</table>
image.gif
效果图如下:
image image.gif
网友评论