正確給table加邊框
阿新 • • 發佈:2018-12-31
該文章解決用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;
}
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>
效果圖如下: