CSS颜色-#AF6600
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>三十课 - CSS颜色在线测试-#AF6600</title> <style> div { padding: 20px; margin: 20px; } .textColor { color: #AF6600; background-color: white; } .borderColor { border-width: 3px; border-style: solid; border-color: #AF6600; } .backgroundColor { background-color: #AF6600; color: white; } .backgroundGradient { background: linear-gradient(to bottom, white, #AF6600); color: white; } </style> </head> <body> <div class="textColor borderColor"> <h1>#AF6600 - 前景色测试</h1> <p>当前文本颜色是 #AF6600。</p> <p>当前边框颜色也是 #AF6600。</p> <p>更改颜色值，查看显示效果变化情况！</p> <p>查看更全面的页面测试请访问 <a href="/color/hex/AF6600" target="_blank">页面颜色测试</a>。</p> </div> <div class="backgroundColor"> <h1>#AF6600 - 背景颜色测试。</h1> <p>当前背景颜色是 #AF6600.</p> <p>更改颜色值，查看显示效果变化情况！</p> </div> <div class="backgroundGradient"> <h1>#AF6600 - 渐变测试</h1> <p>当前渐变色是从 白色 渐变成 #AF6600.</p> <p>更改颜色值，查看显示效果变化情况！</p> </div> </body> </html>
运行结果
三十课
广告
