css background-image样式

时间:2023-04-04 13:49:06

"background-image" 样式用于设置元素的背景图片。可以使用 URL 或者关键字来指定背景图片。

css语法如下:

background-image: url|none|initial;

其中,"url" 用于指定背景图片的 URL;"none" 表示元素没有背景图片;"initial" 表示使用浏览器默认值,通常为 "none"。

例如,要将一个元素的背景图片设置为一个名为 "bg.jpg" 的图片,可以使用以下样式:

div {
background-image: url(bg.jpg);
}

可以使用多个 "background-image" 样式来为一个元素设置多个背景图片,这些背景图片将按照指定的顺序层叠在一起,形成一个复合背景。例如,以下样式将为一个元素设置两个背景图片:

div {
background-image: url(bg1.jpg), url(bg2.jpg);
}

需要注意的是,如果指定的背景图片的尺寸比元素的尺寸小,那么背景图片会在元素的背景区域内重复平铺。可以使用 "background-repeat" 样式来设置背景图片的平铺方式。

相关词 背景 背景图片