一个像素表格边框的制作方法

通常我们设计HTML表格时，将属性Border设置为1（即Border=1），而实现上得到的边框宽度是2个像素（2px）那么宽，有时候我们需要真正的边框宽度为1像素的表格。随着我一起动手试试吧！
注：tr  只能设置颜色，不能设置边框，所以要设置每个格的边框只能在1）td中设置，2）table border="1" 设置
 
使用样式表来实现（推荐）
       应用该样式Style=”border-collapse: collapse”，就OK了。
<table border="1" cellspacing="0" width="32" height="32" bordercolor="#0000FF" cellpadding="0" style="border-collapse: collapse">
 <tr>
    <td> </td>
 </tr>
</table>
       应用该样式Style=”border: 1px solid #0000FF”，也可以实现同样的功能。
<table cellspacing="1" width="32" height="32" style="border: 1px solid #0000FF; ">
 <tr>
    <td> </td>
 </tr>
</table>
通过边框颜色对比来实现
       表格标签<Table>有亮边框（bordercolorlight）、暗边框（bordercolordark）两个属性，初学者可能常常将它们忽略了，正是通过两种颜色的对比（要有一定的对比度，颜色不能太相近），生成了1px边框表格。
       将亮边框（bordercolorlight）设置成与边框（bordercolor）颜色一致，暗边框（bordercolordark）的颜色为你实际需要的颜色，此时形成的1px边框表格，具有凹陷效果。
       将暗边框（bordercolordark）设置成与边框（bordercolor）颜色一致，亮边框（bordercolorlight）的颜色为你实际需要的颜色，此时形成的1px边框表格，具有凸出效果。
凹陷效果：
<table width="50%" border="1" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bordercolorlight="#0000FF" bordercolordark="#FFFFFF" bgcolor="#CCCCCC">
 <tr>
    <td> </td>
    <td> </td>
    <td> </td>
 </tr>
</table>
凸出效果：
<table width="50%" border="1" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FF0000" bgcolor="#CCCCCC">
 <tr>
    <td> </td>
    <td> </td>
    <td> </td>
 </tr>
</table>
通过表格嵌套来实现
       使用两个表格嵌套，外层的表格的长度与宽度均比里层的多出2px，并设置对齐属性为水平居中、垂直居中，然后把外层表格的背景（bgcolor）设为你需要的边框颜色，里层表格背景设为与网页背景相同。
<table cellspacing="0" cellpadding="0" bgcolor="#0000FF" width="100" height="50" border="0">
 <tr>
    <td align="center"><table cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" width="98" height="48" border="0">
        <tr>
          <td> </td>
        </tr>
      </table></td>
 </tr>
</table>