如何实现一样的打印效果？？解决就大派分！！

sfchina 2004-12-29 11:19:58

1、用Css如何获得下面例子一样的打印效果？
注意是打印效果喔！
2、TD中为空的时会出现难看的空格现象（没有边框了），如何解决？
俺现在使用CSS
border-collapse:collapse;

border-bottom:solid 1px #000000;
border-top:solid 1px #FFFFFF;
border-left:solid 1px #FFFFFF;
border-right:solid 1px #000000;
可以获得一样的显示效果（还需定义table 的 cellspacing="2"），并且TD中为空的时有边框，可是打印效果就和例子不一样了！
望各位兄弟救俺~~~谢先！
-----------------------------------------------------------------------------
<TABLE cellspacing="2" cellpadding="2" border="2" bordercolordark="#FFFFFF" bordercolorlight="#000000">
<TR>
<TD >○</TD>
<TD >○</TD>
</TR>

<TR>
<TD >○</TD>
<TD >○</TD>
</TR>
</TABLE>

...全文

197 14 打赏收藏转发到动态举报

写回复

用AI写文章

14 条回复

切换为时间正序

请发表友善的回复…

发表回复

sfchina 2005-01-14

打赏
举报

cellspacing="2" cellpadding="2" border="2" bordercolordark="#FFFFFF" bordercolorlight="#000000"

不能用到这些啦！兄弟~~
：（

sfchina 2005-01-12

打赏
举报

很遗憾，以上兄弟的解决方案都没有解决俺所要解决的问题
：、（

用一种纯css的方式，得到例子中的显示效果和打印效果

congxz 2005-01-12

打赏
举报

是这个意思吗?

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<style>
table{
border-collapse:collapse;

border-bottom:solid 0.1mm #000000;
border-top:solid 0.1mm #FFFFFF;
border-left:solid 0.1mm #FFFFFF;
border-right:solid 0.1mm #000000;
}
td{
border-collapse:collapse;

border-bottom:solid 0.1mm #000000;
border-top:solid 0.1mm #FFFFFF;
border-left:solid 0.1mm #FFFFFF;
border-right:solid 0.1mm #000000;
}
</style>
</head>

<body>
<TABLE cellspacing="2" cellpadding="2" border="2" bordercolordark="#FFFFFF" bordercolorlight="#000000">
<TR>
<TD >○</TD>
<TD >○</TD>
</TR>

<TR>
<TD >○</TD>
<TD >○</TD>
</TR>
</TABLE>
</body>

</html>

香椿炒鸡蛋 2005-01-05

打赏
举报

xjdawu 2005-01-04

打赏
举报

table.bodyTable {
border-style:solid;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-top: 2px solid #333333;
border-bottom: 2px solid #333333;
border-collapse:collapse;
}

<table border="1" bordercolor="#808080" class="borderTable">

congxz 2005-01-03