Background 都有哪些属性

在CSS中，`background`属性是一个简写属性，用于设置元素的背景样式。它结合了多个背景相关的属性，如颜色、图片、重复方式、位置等。具体来说，`background`属性包括以下属性：

1. **background-color**: 设置背景颜色。
2. **background-image**: 设置背景图像。
3. **background-repeat**: 设置背景图像的重复方式，如不重复（no-repeat）、重复（repeat）等。
4. **background-attachment**: 设置背景图像是否固定或滚动，如固定（fixed）或滚动（scroll）。
5. **background-position**: 设置背景图像的位置，可以是具体的坐标值或关键字（如top, center, bottom等）。
6. **background-size**: 设置背景图像的大小，可以是具体的尺寸或关键字（如cover, contain等）。
7. **background-origin**: 设置背景图像的定位区域，可以是padding-box, border-box或content-box。
8. **background-clip**: 设置背景图像的裁剪区域，可以是border-box或padding-box。

通过使用`background`这个简写属性，可以一次性设置多个背景样式，简化CSS代码。例如：

div {
    background: #fff url('image.jpg') no-repeat center center;
}

这段代码设置了背景颜色为白色，背景图像为'image.jpg'，图像不重复，并且位于容器的中心位置。