实现table的单线边框的技巧

方法1：原理：表格和单元格都用背景，但互相颜色不同，单元格背景遮住了和表格重合的部分，就出现了边框。但要注意，表格的属性一定要设置为边距为1（cellspacing＝"1"）。不然效果不好。效果如下

方法1：原理：表格和单元格都用背景，但互相颜色不同，单元格背景遮住了和表格重合的部分，就出现了边框。但要注意，表格的属性一定要设置为边距为1（cellspacing＝"1"）。不然效果不好。效果如下

方法二：语法： border-collapse : separate | collapse 取值： separate :　 默认值。边框独立（标准HTML） collapse :　 相邻边被合并
<style type="text/css">
.td{border:1px #0066ff solid;}
.table{border-collapse:collapse;}
</style>
<table width="300" class="table">
        <tr>
            <td class="td">1</td>
            <td class="td">2</td>
        </tr>
        <tr>
            <td class="td">3</td>
            <td class="td">4</td>
        </tr>
</table>