在网页上显示1px表格边框的时候,一般会使用下面这种方法

<table   border="0"   cellpadding="0"   cellspacing="1"   width="760"   bgcolor="#000000">   
  <tr>   
  <td   bgcolor="#FFFFFF"> </td>   
  <td   bgcolor="#FFFFFF"> </td>   
  </tr>   
  <tr>   
  <td   bgcolor="#FFFFFF"> </td>   
  <td   bgcolor="#FFFFFF"> </td>   
  </tr>   
</table>

 

 

但是打印出来,就看不到表格边框了。

搜索了一下,解决方法有两种:

1:可以将浏览器的下拉菜单->工具->高级->打印->打印背景颜色和图片项选中。这种方法需要改变浏览器的设置,pass


2:使用如下的样式定义方式

.xpTable1
{
 BORDER-COLLAPSE: collapse
}
.xpTable1 TBODY TR TD
{
 BORDER-RIGHT:#666666 0.4pt solid; BORDER-TOP:#666666 0.4pt solid; BORDER-LEFT:#666666 0.4pt solid; BORDER-BOTTOM:#666666 0.4pt solid
}

 

http://hi.baidu.com/nomady/blog/item/00da853d54ed1a01baa16734.html

border-collapse : separate | collapse

说明:  
设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开。
对应的脚本特性为borderCollapse

 

也就是说,边框定义窄一些,然后使边框合并在一起,就达到了1px的效果。