源代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>编程字典</title> <style> h1 {color:#FF0000;} p {color:#0000FF;} body {background-color:#FFEFD6;} </style> <style media="print"> h1 {color:#000000;} p {color:#000000;} body {background-color:#FFFFFF;} </style> </head> <body> <h1>编程字典</h1> <p><a href="tryhtml_style_media.html" target="_blank">点击这里</a> 在一个新窗口打开它</p> <p>如果你打印这个页面,或者在打印预览中,你将看见media="print" 的样式. "print" 样式是黑色文字,白色背景</p> </body> </html>
运行结果