比较不错的打印效果 css

时间:2021-05-18

<html>
<head>
<title>看看</title>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<!--media=print这个属性可以在打印时有效-->
<stylemedia=print>
.Noprint{display:none;}
.PageNext{page-break-after:always;}
</style>

<style>
.tdp
{
border-bottom:1solid#000000;
border-left:1solid#000000;
border-right:0solid#ffffff;
border-top:0solid#ffffff;
}
.tabp
{
border-color:#000000#000000#000000#000000;
border-style:solid;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:1px;
border-left-width:1px;
}
.NOPRINT{
font-family:"宋体";
font-size:9pt;
}

</style>

</head>

<body>
<centerclass="Noprint">
<p>
<OBJECTid=WebBrowserclassid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2height=0width=0>
</OBJECT>
<inputtype=buttonvalue=打印onclick=document.all.WebBrowser.ExecWB(6,1)>
<inputtype=buttonvalue=直接打印onclick=document.all.WebBrowser.ExecWB(6,6)>
<inputtype=buttonvalue=页面设置onclick=document.all.WebBrowser.ExecWB(8,1)>
</p>
<p><inputtype=buttonvalue=打印预览onclick=document.all.WebBrowser.ExecWB(7,1)>
<br/>
</p>
<hralign="center"width="90%"size="1"noshade>
</center>

<tablewidth="90%"border="0"align="center"cellpadding="2"cellspacing="0"class="tabp">
<tr>
<tdcolspan="3"class="tdp">第1页</td>
</tr>
<tr>
<tdwidth="29%"class="tdp"></td>
<tdwidth="28%"class="tdp"></td>
<tdwidth="43%"class="tdp"></td>
</tr>
<tr>
<tdcolspan="3"class="tdp"></td>
</tr>
<tr>
<tdcolspan="3"class="tdp"><tablewidth="100%"border="0"cellspacing="0"cellpadding="0">
<tr>
<tdwidth="50%"class="tdp"><p>这样的报表</p>
<p>对一般的要求就够了。</p></td>
<td></td>
</tr>
</table></td>
</tr>
</table>
<hralign="center"width="90%"size="1"noshadeclass="NOPRINT">
<!--分页-->
<divclass="PageNext"></div>
<tablewidth="90%"border="0"align="center"cellpadding="2"cellspacing="0"class="tabp">
<tr>
<tdclass="tdp">第2页</td>
</tr>
<tr>
<tdclass="tdp">看到分页了吧</td>
</tr>
<tr>
<tdclass="tdp"></td>
</tr>
<tr>
<tdclass="tdp"></td>
</tr>
<tr>
<tdclass="tdp"><tablewidth="100%"border="0"cellspacing="0"cellpadding="0">
<tr>
<tdwidth="50%"class="tdp"><p>这样的报表</p>
<p>对一般的要求就够了。</p></td>
<td></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章