table元素属性说明

1、border = 0; 表元素默认边框是1，这里的边框包括了table和td，th，元素的边框，所以设置了border属性后，表格会出现双重边框的现象

2、cellspacing = 0;这个属性是单元格与单元格之间的距离，即就是td与td之间的间隔距离，等同于css的margin

3、cellpadding = 0;这个属性是单元边距就是边框离内容的距离，等同于css的padding

下面是一段表格的CSS设置，这个样式设置的表格，单元格与单元之前不会有间距，不会有重线的问题

<html>
<head>
    <style>
        table, table tr th, table tr td {
            border: 1px solid #0094ff;
        }

        table {
            width: 200px;
            min-height: 25px;
            line-height: 25px;
            text-align: center;
            border-collapse: collapse;
            padding: 2px;
        }
    </style>
</head>
<body>
    <table>
        <tr>
            <td>姓名</td>
            <td>曹操</td>
            <td>100</td>
            <td>200</td>
            <td>200</td>
        </tr>
        <tr>
            <td>姓名</td>
            <td>曹操</td>
            <td>100</td>
            <td>200</td>
            <td>200</td>
        </tr>
        <tr>
            <td>姓名</td>
            <td>曹操</td>
            <td>100</td>
            <td>200</td>
            <td>200</td>
        </tr>
        <tr>
            <td>姓名</td>
            <td>曹操</td>
            <td>100</td>
            <td>200</td>
            <td>200</td>
        </tr>
    </table>
</body>
</html>

说明：使用border-collapse:collapse可以合并元素之前边线，如果两个相邻的元素都有边线的情况下，会合并只显示一条，使用上面的样式时需要先清除掉table自带的属性border、cellspacing、cellpadding，将他们都设置为0即可