设置打印样式

打印机的效果一般和显示器上的效果不太相同，可以通过css来控制打印的效果（可以通过浏览器提供的打印效果来预览一下）。主要的方式有两种：

1、通过@media print来制定样式的针对类型

css 代码

1. <style type="text/css">   
2. /* 打印部分的样式 */  
3. @media print {   
4.     BODY {font-size:8pt;}   
5.     #matrix #right {   
6.         display: none;   
7.     }   
8.     #building {   
9.         display: none;   
10.     }   
11.     #header {   
12.         display: none;   
13.     }   
14. }    
15. </style>  

2、通过在style标签中增加media="print"来声明样式是针对打印效果的

css 代码

1. "print">   
2. #lt_bg,#rt_bg,#head_bg,#bottom_bg {display:none;}   
3.   

 另外由于一般浏览器设置的是不打印背景图片，所以如果有文字在背景图片上的话效果可能很糟糕，可以通过将背景图片作为一个图片放到容器下方的一个容器中来解决这个问题。