color 是 CSS 中用于设置文本颜色的属性。它可以应用于所有文本相关的 HTML 元素，例如段落 (<p>)、标题 (<h1>, <h2>, etc.)、链接 (<a>) 等等。

color 属性可以接受以下类型的值：

1. 关键字值（Color Keywords）： 预定义的颜色名称，例如 red、blue、green 等。
2. 十六进制值（Hexadecimal Values）： 十六进制表示的颜色值，例如 #ff0000 表示红色。
3. RGB 值（RGB Values）： 使用红、绿、蓝三个颜色通道的值，例如 rgb(255, 0, 0) 表示红色。
4. RGBA 值（RGBA Values）： 类似于 RGB，但包括一个表示透明度的值，例如 rgba(255, 0, 0, 0.5) 表示半透明的红色。
5. HSL 值（HSL Values）： 使用色相、饱和度、亮度来表示颜色，例如 hsl(0, 100%, 50%) 表示红色。
6. HSLA 值（HSLA Values）： 类似于 HSL，但包括一个表示透明度的值。

以下是一个简单的例子：
.example {
  color: red; /* 使用关键字值 */
}

.hex-color {
  color: #00ff00; /* 使用十六进制值 */
}

.rgb-color {
  color: rgb(0, 0, 255); /* 使用RGB值 */
}

.rgba-color {
  color: rgba(0, 0, 255, 0.5); /* 使用RGBA值 */
}

.hsl-color {
  color: hsl(120, 100%, 50%); /* 使用HSL值 */
}

.hsla-color {
  color: hsla(120, 100%, 50%, 0.7); /* 使用HSLA值 */
}

在这个例子中，.example 类的文本颜色被设置为红色，分别使用了关键字、十六进制、RGB、RGBA、HSL 和 HSLA 表示法。你可以根据需求选择不同的表示方法。


转载请注明出处：http://www.pingtaimeng.com/article/detail/6046/CSS