02-CSS属性：背景属性

背景属性是CSS中非常重要的一部分，它们允许你设置元素的背景样式。以下是一些常用的背景属性：

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

示例代码：

/* 设置背景颜色为蓝色 */
.element {
  background-color: blue;
}
 
/* 设置背景图片，不重复，位于左上角 */
.photo {
  background-image: url('photo.jpg');
  background-repeat: no-repeat;
  background-position: left top;
}
 
/* 设置背景图片，覆盖整个元素，不重复，居中 */
.background {
  background-image: url('background.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
 
/* 设置背景图片固定，不随页面滚动 */
.fixed-background {
  background-image: url('background.jpg');
  background-attachment: fixed;
}

以上代码演示了如何使用背景属性来设置不同的背景样式。在实际应用中，你可以根据需要组合使用这些属性。