该文章解决用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

​