background 是一个在 CSS 中用于设置元素背景样式的复合属性。它允许你一次性设置多个背景相关的属性,包括背景颜色、背景图像、背景定位、背景重复方式、背景大小等。

background 属性的语法如下:
background: background-color background-image background-repeat background-attachment background-position;

各个子属性的说明如下:

1. background-color:用于设置元素的背景颜色,可以使用颜色名称、十六进制值或 RGB 值。

2. background-image:用于设置元素的背景图像,可以是图片的 URL 或者 none 表示没有背景图像。

3. background-repeat:用于设置背景图像的重复方式,可以是 repeat(默认,图像在水平和垂直方向都重复)、repeat-x(只在水平方向重复)、repeat-y(只在垂直方向重复)、no-repeat(不重复)等。

4. background-attachment:用于设置背景图像是否随着元素的滚动而滚动,可以是 scroll(默认,背景图像随元素滚动)或 fixed(背景图像固定在视口)。

5. background-position:用于设置背景图像的起始位置,可以是关键字(如 top、center、bottom、left、right)或百分比值或长度值。

下面是一个简单的例子,演示了如何使用 background 属性:
.element {
  background: #3498db url('background-image.jpg') no-repeat center center fixed;
}

在这个例子中,.element 元素的背景设置为蓝色 (#3498db),同时使用了一个背景图片 background-image.jpg,并设置了背景图像在元素中居中且固定不随滚动而滚动。


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