css图片外的背景色 |css3背景属性合并

/* 设置背景颜色为白色 */
body {
background-color: #fff;
}
/* 设置背景颜色为红色 */
.section {
background-color: rgb(255, 0, 0);
}
/* 设置半透明背景颜色 */
.container {
background-color: rgba(0, 0, 0, 0.5);
}
/* 设置背景颜色为蓝色 */
.header {
background-color: hsl(240, 100%, 50%);
}

除了设置基本的颜色值，还可以使用CSS渐变来设置背景色。CSS渐变可以是线性渐变或径向渐变，可以设置多个颜色值，并且可以在不同的位置设置渐变过渡。

/* 线性渐变，从上到下渐变 */
.gradient {
background: linear-gradient(to bottom, #fff, #000);
}
/* 径向渐变，从中心向外扩散 */
.gradient2 {
background: radial-gradient(circle, #00f, #fff);
}

除了以上介绍的方法，CSS还有一些其他的背景样式属性，如背景图像、背景重复、背景定位等。这些属性可以用来设置页面的背景图像和样式，以实现更加丰富的页面效果。