1. 十六进制值:
- 短十六进制值:
color: #349;
- 完整十六进制值:
color: #3498db;
2. RGB值:
- RGB:
color: rgb(52, 152, 219);
- RGBA(带透明度):
color: rgba(52, 152, 219, 0.8);
3. 颜色关键字:
- 使用一些预定义的颜色关键字。
color: red;
4. HSL值:
- HSL(色相、饱和度、亮度):
color: hsl(204, 86%, 53%);
- HSLA(带透明度):
color: hsla(204, 86%, 53%, 0.8);
5. 颜色名称:
- 使用一些浏览器支持的颜色名称。
color: rebeccapurple;
6. 渐变(Gradient):
- 线性渐变:
background: linear-gradient(to right, #3498db, #c0392b);
- 径向渐变:
background: radial-gradient(circle, #3498db, #c0392b);
7. 透明度:
- 使用transparent表示完全透明。
background-color: transparent;
8. currentColor:
- 使用currentColor表示当前元素的文本颜色。
border: 2px solid currentColor;
这些都是合法的CSS颜色值。在实际使用中,根据设计需求和整体配色方案,你可以选择合适的颜色值。需要注意的是,不同浏览器对颜色的支持有所不同,因此最好使用通用的颜色表示方法以确保在各种环境中正确呈现。
转载请注明出处:http://www.zyzy.cn/article/detail/4089/CSS