css如何设置元素文字颜色

使用color属性可设置CSS文字颜色，支持颜色名称、十六进制、RGB、RGBA、HSL、HSLA等格式，如color: red;或color: #ff0000;，应用于类、标签或ID选择器改变文本前景色。

在CSS中设置元素文字颜色，使用 color 属性即可。这个属性用于定义文本的前景色，也就是我们看到的文字颜色。

基本语法

color: 值;，其中“值”可以是颜色名称、十六进制、RGB、RGBA、HSL 或 HSLA 等格式。

常用颜色表示方式

• 颜色名称：如 color: red;、color: blue;、color: green;
• 十六进制（Hex）：如 color: #ff0000;（红色）、color: #000000;（黑色）、color: #ffffff;（白色）
• RGB：如 color: rgb(255, 0, 0); 表示红色
• RGBA：支持透明度，如 color: rgba(255, 0, 0, 0.5); 半透明红色
• HSL / HSLA：如 color: hsl(120, 100%, 50%); 表示绿色，HSLA 支持透明度

应用示例

你可以将 color 属性用在标签、类或ID选择器中：

.example {
  color: #333;
}

h1 {
  color: rgb(25, 25, 112);
}

.highlight {
  color: hsl(240, 100%, 70%);
}

基本上就这些，选择你喜欢的颜色格式，搭配合适的选择器，就能轻松改变文字颜色。