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