1. 程式人生 > >正確給table加邊框

正確給table加邊框

該文章解決用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>

效果圖如下: