绘制一个像素表格的几种方法

第一种:
<table width="300" border="1" cellspacing="0" style="border-collapse:collapse;">
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
</table>
第二种:
<table width="300" border="1" cellspacing="0" bordercolor="black" style="border-collapse:collapse;">
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
</table>
第三种:利用表格间距。
设置边框为0,间距为1像素,table背景色为黑色,之后再设置单元格背景色为白色,就得到了细线表格了。
<table width="75%" border="0" cellspacing="1" bgcolor="#000000">
  <tr bgcolor="#FFFFFF">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

posted @ 2009-08-04 16:46  djune  阅读(599)  评论(0)    收藏  举报