在线运行代码 - 菜鸟教程

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(cainiaoplay.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>cainiaoplay 例子</h1>
<p><a href="tryhtml_style_media.htm" target="_blank">点击此处</a> 在新的窗口打开此页面 (没有 try 部分).</p>
<p>如果你打印这个页面，或者预览这个页面，你会看到 media="print" 的样式。这个  "print"样式包含了黑色文本和白色背景。  </p>
</body>
</html>
源代码

动行结果
