关于打印页面的一些经验

high遍三中279

high遍三中279

2016-01-29 18:19

关于打印页面的一些经验,关于打印页面的一些经验
  大家经常遇到再ie中打印表格时需要隐藏一些不需要打印的对象,比如说按钮,输入框,或者希望莫个表格显示的时候表格线是由颜色的,而打印的时候只需要有粗细之分,其实在css中可以设定在打印或者显示的不同样式,最近作了一个应用(实属逼上梁山),可以得到以上效果,下面是我的样式表。。。。
<style type="text/css" media=print  主要是media选项对照下面的那一个style一起看
.noprint{visibility:hidden}
        span.double {BORDER-BOTTOM-STYLE: double; BORDER-LEFT-STYLE: double;
        BORDER-RIGHT-STYLE: double; BORDER-TOP-STYLE: double; COLOR: mediumblue;
        CURSOR: hand; FONT-SIZE: 12pt; HEIGHT: 22px; LEFT: 314px; TEXT-ALIGN: center;
        WIDTH: 96px}
        select.sb{Z-INDEX: 121; LEFT:0px;WIDTH: 90px; POSITION: absolute;
        HEIGHT: 170px}
        span.tab{LEFT:40px;WIDTH: 900px; POSITION: relative; TOP: 0px; HEIGHT: 225px}
        table{BORDER-RIGHT: black medium inset; BORDER-TOP: black medium inset; BORDER-LEFT: black medium inset; WIDTH: 900px; BORDER-BOTTOM: black medium inset; HEIGHT: 31px;POSITION: absolute}
        tr.col0{BORDER-RIGHT: thick inset; BORDER-TOP: thick inset; FONT-WEIGHT: bold; FONT-SIZE: 15px; BORDER-LEFT: thick inset; BORDER-BOTTOM: 10px ; FONT-FAMILY: 宋体; BACKGROUND-COLOR: blue; TEXT-ALIGN: center}
        tr.tr1{}
        td.td0{WIDTH: 120px; TEXT-ALIGN: center;height:30px;}
        td.td1{WIDTH: 330px; TEXT-ALIGN: right}
        td.td2{WIDTH: 70px;TEXT-ALIGN: right}
        td.td3{WIDTH: 330px;TEXT-ALIGN: right}
</style

<style media=screen主要是media选项对照上面的那一个style一起看
        span.double {BORDER-BOTTOM-STYLE: double; BORDER-LEFT-STYLE: double; BORDER-RIGHT-STYLE: double; BORDER-TOP-STYLE: double; COLOR: mediumblue;
        CURSOR: hand; FONT-SIZE: 12pt; HEIGHT: 22px; LEFT: 314px; TEXT-ALIGN: center;
        WIDTH: 96px}
        select.sb{Z-INDEX: 121; LEFT:0px;WIDTH: 90px; POSITION: absolute;
        HEIGHT: 170px}
        span.tab{LEFT:154px;WIDTH: 900px; POSITION: relative; TOP: 30px; HEIGHT: 225px}
        table{BORDER-RIGHT: blue groove; BORDER-TOP: blue groove; BORDER-LEFT: blue groove; WIDTH: 900px; BORDER-BOTTOM: blue groove; POSITION: absolute}
        tr.col0{BORDER-RIGHT: red thick inset; BORDER-TOP: red thick inset; FONT-WEIGHT: bold; FONT-SIZE: 15px; BORDER-LEFT: red thick inset; COLOR: white; BORDER-BOTTOM: yellow 10px solid; FONT-FAMILY: 宋体; BACKGROUND-COLOR: blue; TEXT-ALIGN: center}
        tr.tr1{BORDER-BOTTOM: fuchsia inset}
        td.td0{WIDTH: 120px; BORDER-LEFT-STYLE: none; TEXT-ALIGN: center;BORDER-BOTTOM-STYLE: none}
        td.td1{WIDTH: 330px;BORDER-LEFT: blue thin solid; TEXT-ALIGN: right}
        td.td2{WIDTH: 70px;BORDER-TOP-STYLE: inset; BORDER-RIGHT-STYLE: inset; BORDER-LEFT-STYLE: inset; TEXT-ALIGN: right; BORDER-BOTTOM-STYLE: inset}
        td.td3{WIDTH: 330px;BORDER-TOP-STYLE: inset; BORDER-RIGHT-STYLE: inset; BORDER-LEFT-STYLE: inset; TEX
展开更多 50%)
分享

猜你喜欢

关于打印页面的一些经验

ASP
关于打印页面的一些经验

谈谈生成静态页面的一些经验

PHP
谈谈生成静态页面的一些经验

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

关于旅行照的一些经验诀窍

摄影 人像摄影 静物摄影
关于旅行照的一些经验诀窍

《行会2》关于生产的一些经验

电脑网络
《行会2》关于生产的一些经验

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

一些Flash经验法则

flash教程
一些Flash经验法则

关于W3C CSS标准的一些经验

Web开发
关于W3C CSS标准的一些经验

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

用五种设置提高XP运行速度

用五种设置提高XP运行速度

WindowsXP优化设置之网络篇

WindowsXP优化设置之网络篇
下拉加载更多内容 ↓