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