css color

/* 示例代码：设置文本颜色和背景颜色 */

/* 设置文本颜色为红色 */
p {
  color: red;
}

/* 设置背景颜色为浅灰色 */
body {
  background-color: lightgray;
}

/* 使用十六进制颜色值 */
h1 {
  color: #ff5733; /* 橙红色 */
}

/* 使用 RGB 颜色值 */
div {
  background-color: rgb(100, 149, 237); /* 玉石蓝 */
}

/* 使用 RGBA 颜色值，带透明度 */
span {
  background-color: rgba(75, 0, 130, 0.5); /* 半透明的紫色 */
}

/* 使用 HSL 颜色值 */
a {
  color: hsl(240, 100%, 50%); /* 纯蓝色 */
}

/* 使用 HSLA 颜色值，带透明度 */
button {
  background-color: hsla(120, 100%, 50%, 0.7); /* 半透明的绿色 */
}

解释说明：

• color 属性用于设置文本的颜色。
• background-color 属性用于设置元素的背景颜色。
• 可以使用多种方式指定颜色，包括关键字（如 red）、十六进制值（如 #ff5733）、RGB/RGBA（如 rgb(100, 149, 237)）、HSL/HSLA（如 hsl(240, 100%, 50%)）等。
• RGBA 和 HSLA 允许设置颜色的透明度，最后一个参数是 alpha 值，范围从 0（完全透明）到 1（完全不透明）。