您要打印的文件是：网页设计中打造细边表格的三种方法

网页设计中打造细边表格的三种方法

作者：佚名    转贴自：本站原创    点击数：1040


首先声明以下几个方法并不是全部，只是今天我在制作的时候又一次用到了其中的一种方法，所以在此也把自己常用的方法跟大家共享一下。希望对大家有所帮助，当然更欢迎大家提出自己的想法，大家彼此交流一下，共同进步！

    一、利用CSS样式 style=border:1px solid #ff0000
<table width=200 border=0 cellpadding=0 cellspacing=0 style=border:1px solid #ff0000>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>


    二、利用两个表格。外层的表格是一行一列 cellpadding=1 的表格就行了，里层表格随意，只要把撑到外层的表格就行了。这个方法可以多变的，个人比较喜欢这个方法，虽然代码多了一点儿。

<table width=200 border=0 cellspacing=0 cellpadding=1>
<tr>
<td bgcolor=#000000><table width=200 height=219 border=4 cellpadding=0 cellspacing=0 bordercolor=#FFFFFF>
<tr>
<td bgcolor=#99CC00>&nbsp;</td>
<td width=5 bgcolor=#FFFFFF></td>
<td bgcolor=#99CC33>&nbsp;</td>
</tr>
</table></td>
</tr>
</table>


    三、用表格当做线条，这个只要注意 <td height=1></td> 之间不要有任何字符（ 包括空格&nbsp; ）， height 这个就看大家自己的需要了。
<table width=200 border=0 cellpadding=0 cellspacing=0 bgcolor=#FF3300><tr>
<td height=1></td>
</tr>
</table>


    到此为止，能力有限哦，曾经我看过一个教程是教怎么实现更多花样的表格，称为魔鬼表格吧，具体的也想不起来了，不过个人认为实用的就这些吧。