background 是一个复合属性，用于设置元素的背景样式，可以一次性设置多个背景属性。background 属性的语法如下：
background: background-color background-image background-repeat background-attachment background-position;

各个子属性的说明如下：

1. background-color： 设置背景颜色。
   background-color: #ffffff;

2. background-image： 设置背景图像的 URL。
   background-image: url('example.jpg');

3. background-repeat： 设置背景图像的重复方式。
   background-repeat: repeat-x;

   常见值有：
   - repeat：默认值，图像在水平和垂直方向上重复。
   - repeat-x：图像在水平方向上重复。
   - repeat-y：图像在垂直方向上重复。
   - no-repeat：图像不重复。

4. background-attachment： 设置背景图像是否随页面滚动。
   background-attachment: fixed;

   常见值有：
   - scroll：默认值，背景图像会随页面滚动。
   - fixed：背景图像固定在视口，不会随页面滚动。

5. background-position： 设置背景图像的位置。
   background-position: center top;

   常见值有：
   - 百分比值：例如 50% 50% 表示居中。
   - 关键词值：例如 left top 表示左上角。
   - 像素值：例如 10px 20px 表示从左边距离为 10 像素，从上边距离为 20 像素。

这些属性可以组合使用，形成一个完整的 background 属性，用于设置元素的背景。例如：
background: #ffffff url('example.jpg') repeat-x fixed center top;

上述代码将设置元素的背景颜色为白色，背景图像为 example.jpg，在水平方向上重复，固定在视口，且图像在垂直方向上居中。


转载请注明出处：http://www.zyzy.cn/article/detail/5990/CSS