解决Web页面表格线打印问题

很多时候在页面上显示表格线是，比较常用的方法是“间距+背景色”来显示表格线。代码示例如下：

Html代码   

 

<table width="200" border=0 cellspacing="1" style="background-color:#000000">
  <tr bgcolor="#FFFFFF" align="center">
    <td height="30">月份</td>
    <td>日期</td>
    <td>星期</td>
  </tr>
</table>

    上述方式在页面上显示是正确的，但在打印Web页面时，却因为border=0而无法显示表格线。两全齐美的方式如下：

Html代码   

 

<table width="200" border="1" bordercolor="#000000" style="border-collapse:collapse;">
  <tr align="center">
    <td height="30">月份</td>
    <td>日期</td>
    <td>星期</td>
  </tr>
</table>

    这种方式在页面上显示与“间距+背景色”效果是一样的，同时在打印时可以打印出表格线来，是真正的所见即所得。

 

转自：http://octopusyu.iteye.com/blog/484386