利用CSS控制打印

2016-01-29 12:00 8 1 收藏

利用CSS控制打印,利用CSS控制打印

【 tulaoshi.com - Html 】

 

<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()"

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/) 

来源:http://www.tulaoshi.com/n/20160129/1484175.html

延伸阅读
        字体的处理在网页设计中无论怎么强调也不为过,毕竟网页使用来传递信息的,而最经典最直接的信息传递方式就是文字,所以,了解一点字体的基本知识对于设计来说还是非常重要的。 中文和英文的最大区别就是中文是方块字,英文是拼音文字,这对字体的处理的影响是巨大的。看看下面的图示就会发现...
标签: Web开发
网页(WEB)字体,CSS如何控制? 在开发网络应用时,没有比外观更重要的事情了。所以,如果发现设计人员十分关注字体及字体大小,我不会感到奇怪! 在设计网络应用时,您必须决定如何编辑字体。使用CSS时存在大量选项,每个开发者都有自己的喜好。本文主要讨论字体大小和网络应用内的操作。 字体大小 CSS2规范根据长度...
标签: Web开发
测试代码如下 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title无标题文档/title style type="text/css" .test1{ ...
标签: Web开发
群里的兄弟问的效果 无标题文档 p.p1{ background-color:#FF0000;font-size:22px;_ font-family:"方正舒体"; font-weight:100; } hello,this is a example of stylesheets hello,this is a example of stylesheets [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 网上搜到的不错的控制css JS控制样式 ...
有关CSS段落缩进的语法如下: 语法: text-indent: 〈值〉 允许值: 〈长度〉 | 〈百分比〉 初始值: 0 文本缩进属性可以应用于块级元素(P,H1,等.),以定义该元素第一行可以接受的缩进的数量。该值必须是一个长度或一个百分比。若百分比则视上级元素的宽度而定。通用的文本缩进用法是用于段的缩进: P { text-indent: 2em } ...

经验教程

976

收藏

62
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部