css background背景详解

CSS背景属性可以设置元素的背景样式，包括背景颜色、图片、大小、位置、重复方式等。

以下是一些常用的CSS背景属性：

1. background-color: 设置元素的背景颜色。
2. background-image: 将图片设置为背景。
3. background-position: 设置背景图片的起始位置。
4. background-repeat: 设置背景图片是否及如何重复。
5. background-size: 设置背景图片的大小。
6. background-clip: 设置背景的绘制区域。
7. background-origin: 设置背景图片的定位区域。
8. background-attachment: 设置背景图片是固定还是与页面滚动。

示例代码：

/* 设置背景颜色为浅蓝色 */
div {
  background-color: lightblue;
}
 
/* 设置背景图片，不重复，居中位置 */
div {
  background-image: url('image.jpg');
  background-repeat: no-repeat;
  background-position: center;
}
 
/* 设置背景图片大小为覆盖整个容器 */
div {
  background-size: cover;
}
 
/* 设置背景图片固定，不随页面滚动 */
div {
  background-attachment: fixed;
}

以上代码演示了如何使用CSS背景属性来设置元素的背景样式。