在网页上显示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>
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"> </td>
<td bgcolor="#FFFFFF"> </td>
</tr>
</table>
但是打印出来,就看不到表格边框了。
搜索了一下,解决方法有两种:
1:可以将浏览器的下拉菜单->工具->高级->打印->打印背景颜色和图片项选中。这种方法需要改变浏览器的设置,pass
http://topic.csdn.net/t/20040403/09/2920151.html
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
}
{
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的效果。