主题
颜色表示法
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. 代码演示
示例无法以 iframe 加载(请检查路径或将 demo 放到 public/)。