html页面经过media="print"打印成word

时间 2019-11-22

标签 html 页面经过 media print 打印 word 栏目 HTML 繁體版

原文原文链接

1.<style media="print">、<link media="print">的用法合理应用，media="print"是不被网页所显示的，只能在打印的效果上存在，能够设置出打印效果和在网页上所显示的不同。html

2.例：设置打印出来的字体和网页是不一样的web

或者 <style media="print">body{font-size:12px;}</style>

3.实例：字体

<html> 
<head> 
<style> .none { display:none;} </style> 
<style media="print">.none { display:block;}</style>
</head>
<body> 
<h1>media="print" 实例</h1>
<p style="background-color:red">在网页里面是能够看见个人</p> 
<p class="none" media="print" >在网页里看不见我，打印出来你就能够看见我啦！ ^_^ （ 此页面会经过 media="print" 样式表进行格式化。 ）</p> 
</body> 
</html>

4.打印不出背景色code

要在Chrome中启用背景打印：
body {
  -webkit-print-color-adjust: exact;
}