当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 利用CSS控制打印

HTML/XHTML教程
制作三维表格效果
正确使用XHTML的冒险以及解决办法
在线播放器代码大全
在html文件引入其它html文件的几种方法
用好超级链接标记—A
用meta标签来增强网页功能
页边距的设定技巧(HTML)
为你的网页做出电影的过场效果
网站web标准测试
网页制作中的小秘诀
网页设计:一种细腻的导航效果的制作方法
鼠标在文本上移动时层的显示与消失
使用Web标准建站第9天:CSS布局入门
使用Web标准建站第8天:CSS布局入门
HTML语言剖析(七)表格标记
HTML语言剖析(八)表单标记
HTML语言剖析(九)图形标记
HTML语言剖析(十)链接标记
HTML语言剖析(十一)排版标记
HTML语言剖析(十二)多媒体标记

HTML/XHTML教程 中的 利用CSS控制打印


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 100 ::
收藏到网摘: n/a

 

<style>
@media print{
INPUT {display:none}
}
</style>
<TABLE border="0" style="font-size:9pt;" width="300px" align="center">
<THEAD style="display:table-header-group;font-weight:bold">
<TR><TD colspan="2" align="center" style="font-weight:bold;border:3px double red">每页都有的表头</TD></TR>
</THEAD>
<TBODY style="text-align:center"">
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR style="page-break-after:always;"><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR style="page-break-after:always;"><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR><TD>表格内容</TD><TD>表格内容</TD></TR>
<TR style="page-break-after:always;"><TD>表格内容</TD><TD>表格内容</TD></TR>
</TBODY>
<TFOOT style="display:table-footer-group;font-weight:bold">
<TR>
<TD colspan="2" align="center" style="font-weight:bold;border:3px double blue">每页都有的表尾</TD>
</TR>
</TFOOT>
</TABLE>
<input type=button value=" 打  印 " onclick="window.print()">