时间:2026-01-31 12:40:08来源:
在CSS中,设置文字颜色是基础且常见的操作。主要通过`color`属性实现,支持多种颜色表示方式。以下是常用方法总结:
| 方法 | 语法 | 示例 | 说明 |
| 关键字 | `color: 颜色名;` | `color: red;` | 使用预定义颜色名称 |
| 十六进制 | `color: RRGGBB;` | `color: FF0000;` | 用十六进制代码表示颜色 |
| RGB | `color: rgb(红, 绿, 蓝);` | `color: rgb(255,0,0);` | 通过RGB值设定颜色 |
| RGBA | `color: rgba(红, 绿, 蓝, 透明度);` | `color: rgba(255,0,0,0.5);` | 带透明度的RGB颜色 |
| HSL | `color: hsl(色相, 饱和度%, 明度%);` | `color: hsl(0, 100%, 50%);` | 通过色相、饱和度、明度设定 |
使用时,将上述语法写入CSS样式表或内联样式中即可生效。合理选择颜色格式,有助于提升页面视觉效果与可读性。