該文章解決用table標(biāo)簽畫表格時模软,用border屬性產(chǎn)生的表格重合線加粗的問題。
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>深圳龍崗區(qū)</td>
<td>131313131313</td>
</tr>
<tr>
<td>張三</td>
<td>男</td>
<td>深圳龍崗區(qū)</td>
<td>131313131313</td>
</tr>
</tbody>
</table>
image.gif
效果圖如下:
image
image.gif
?