主题
颜色表示法
CSS 支持多种颜色表示方式,用于设置文字颜色、背景色、边框色等。
1. 十六进制(Hex)
以 #
开头,后跟3或6位十六进制数:
css
color: #ff0000; /* 红色 */
color: #0f0; /* 绿色,简写 */
2. RGB
用 rgb()
函数表示红、绿、蓝三色,范围0-255:
css
color: rgb(255, 0, 0); /* 红色 */
3. RGBA
RGBA 在 RGB 基础上增加透明度(alpha),范围0-1:
css
color: rgba(255, 0, 0, 0.5); /* 半透明红 */
4. HSL
用色相、饱和度、亮度表示颜色:
css
color: hsl(0, 100%, 50%); /* 红色 */
5. HSLA
在 HSL 上增加透明度:
css
color: hsla(0, 100%, 50%, 0.5);
6. 颜色名称
CSS 支持多种标准颜色名称:
css
color: red;
color: blue;
color: green;
7. 代码演示
loading