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;
}

相關標籤/搜索