CSS | background-color 属性

CSS中的background-color属性用于设置元素的背景颜色。

语法

background-color: color|transparent|initial|inherit;

• color：指定元素的背景色。可以使用CSS的颜色值、RGB值、十六进制值等。
• transparent：指定元素的背景为透明。
• initial：指定元素使用默认背景色。
• inherit：指定元素继承父元素的背景色。

示例

/* 设置元素背景色为红色 */
div {
  background-color: red;
}

/* 设置元素背景色为半透明淡蓝色 */
span {
  background-color: rgba(0, 128, 255, 0.5);
}

/* 设置元素背景色为图片 */
p {
  background-image: url("example.png");
}

注意事项

• background-color属性通常与background-image属性一起使用，以便为元素设置一个背景图像和颜色。
• 在某些情况下，可以通过设置属性值为transparent来使元素背景变为透明。
• 如果元素的背景属性不设置为透明，则背景色会覆盖其他背景属性（如背景图片）。
• 对于小的、重复的背景图片，应该使用background-repeat属性，以便设置图片的重复方式。