W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> h1 {color:#FF0000;} h2 {color:#0000FF;} p {color:#0000FF;} body {background-color:#FFEFD6;} </style> <style media="print"> h1,h2 {color:#000000;} p {color:#000000;} body {background-color:#FFFFFF;} </style> </head> <body> <h1>style media 属性</h1> <h2>W3Schools 实例</h2> <p><a href="/demo/tags/tag_style_media.html" target="_blank">点击这里</a>可在新窗口打开此页面（不使用 TIY）。</p> <p>如果您打印这个页面，或者在打印预览中打开它，您会看到它的样式是由 media=“print” 的样式表设置的。“print” 样式表包含了白色背景上的黑色文本。</p> </body> </html>