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