实现table的单线边框的技巧

语法： 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>

原文：http://blog.csdn.net/lee_guang/article/details/8568407