CSS background-color 属性

在网页开发中，背景色是一个非常重要的 CSS 属性，它可以用来设置元素的背景颜色，让页面看起来更加美观和吸引人。

语法

selector {
    background-color: value;
}

其中，selector 是要应用背景色的元素选择器，value 可以是以下几种取值：

• 颜色值（如 red, #ff0000, rgb(255, 0, 0)）
• 16 进制颜色值（如 #ff0000）
• RGBA 颜色值（如 rgba(255, 0, 0, 0.5)）
• HSL 颜色值（如 hsl(0, 100%, 50%)）

示例

// www.javascriptcn.com code example
/* 设置背景色为红色 */
div {
    background-color: red;
}

/* 设置背景色为半透明的蓝色 */
p {
    background-color: rgba(0, 0, 255, 0.5);
}

/* 设置背景色为渐变色 */
span {
    background-color: linear-gradient(to right, red, blue);
}

通过合理地运用 background-color 属性，可以为网页元素增添丰富的视觉效果，提升用户体验。