細(xì)邊框表格的實現(xiàn)方法

    在HTML中，我們設(shè)置border=”1″ 時，表格邊框?qū)嶋H大小是2px，那如果我們要做成1px的細(xì)線表格要怎么辦？以前在做1px的表格的時候，我會用表格背景顏色，然后再用另一種顏色設(shè)計單元格的背景，再把表格間距設(shè)置成1px，這樣就能達(dá)到我們的1px表格了，如下例：
    <table bgcolor="#f90" cellpadding="0" cellspacing="1" width="80%">
    <tr>
    <td bgcolor="#ffc"></td>
    <td bgcolor="#ffc"></td>
    <td bgcolor="#ffc"></td>
    </tr>
    <tr>
    <td bgcolor="#ffc"></td>
    <td bgcolor="#ffc"></td>
    <td bgcolor="#ffc"></td>
    </tr>
    <tr>
    <td bgcolor="#ffc"></td>
    <td bgcolor="#ffc"></td>
    <td bgcolor="#ffc"></td>
    </tr>
    </table>
    這種方法雖然可以實現(xiàn)，但是頁面里的代碼多了很多，而且要控制局部也相對麻煩些。
    下面的這種方法及其簡單，html代碼也減少了很多，結(jié)構(gòu)更加的清晰。
    CSS部分：
    <style type="text/css">
    <!--
    table{
    border-collapse:collapse;
    }
    td{
    background:#ffc;
    border:solid 1px #f90;
    height:22px;
    }
    -->
    </style>
    HTML部分：
    <table width="80%">
    <tr>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    <td></td>
    </tr>
    </table>