TABLE的边线

HTML里面，表格标记<TABLE>有时候还是要用。如果想让它的单元格带上边线，要怎么做呢？

这还不容易，border="1"就行鸟。

不过，默认情况下，单元格之间有“脊”（cellspacing），边界宽度很粗，不好看。如果将cellspacing=0，然后为<TD>设置样式，border:solid 1px #000;，则单元格相邻部分，边线重叠，出现线条特别粗的情况。

其实可以这样设置：

<style type="text/css">
        #tbList{width:100%;background-color:#bbb;}
        #tbList td{background-color:#fff;}
    </style>
 
<table id="tbList" cellspacing="1" cellpadding="5">
    <tr><td style="width:200px;"> </td><td>
        单元一
    </td></tr>
    <tr><td> </td><td>
	单元二
    </td></tr>
    </table>

这样出来的线条就非常精细。其原理是：表格设置灰背景，然后td为白背景，cellspacing=1，用脊来充当线条。