实例首页
自学教程
IT工具箱
源代码
下载代码
上下布局
点击运行 >
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>html style media 实例 - 自学教程(runoops.com)</title> <style type="text/css"> h1 {color:#FF0000;} p {color:#0000FF;} body {background-color:#FFEFD6;} </style> <style type="text/css" media="print"> h1 {color:#000000;} p {color:#000000;} body {background-color:#FFFFFF;} </style> </head> <body> <h1>runoops 例子</h1> <p><a href="" target="_blank">点击此处</a> 在新的窗口打开此页面 (没有 try 部分).</p> <p>如果你打印这个页面，或者预览这个页面，你会看到 media="print" 的样式。这个 "print"样式包含了黑色文本和白色背景。 </p> </body> </html>
运行结果：