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. 渐变(Gradient):
- 线性渐变:
background: linear-gradient(to right, #3498db, #c0392b);
- 径向渐变:
background: radial-gradient(circle, #3498db, #c0392b);
6. 当前Color值:
- 使用currentColor,它表示当前元素的文本颜色。
border: 2px solid currentColor;
7. 透明度:
- 使用transparent表示完全透明。
background-color: transparent;
这只是一些CSS中表示颜色的基本方法。根据需要,你可以选择使用其中的任何一种。颜色的选择通常取决于设计需求以及整体网站或应用程序的配色方案。
转载请注明出处:http://www.zyzy.cn/article/detail/4088/CSS