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