手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >比较不错的打印效果 css
比较不错的打印效果 css
摘要:看看.Noprint{display:none;}.PageNext{page-break-after:always;}.tdp{borde...

<html>

<head>

<title>看看</title>

<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">

<>

<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>

【比较不错的打印效果 css】相关文章:

实现链接的虚线下划线效果

纯CSS绘制三角形箭头效果

文字环绕图片的布局效果

用CSS实现文字的阴影效果

css实现图片在div中居中的效果

CSS常用样式效果

17个有趣实用的CSS 3悬停效果教程

酷酷的变色菜单

CSS产生的特殊效果

发现两个有趣的CSS3动画效果

精品推荐
分类导航