CSS background-image 属性
Example
设置 <body> 元素的背景图像:
body{
background-image: url("paper.gif");
background-color: #cccccc;
}
尝试一下 »定义及用法
background-image 属性设置一个元素的背景图像。
元素的背景是元素的总大小,包括填充和边界(但不包括边距)。
默认情况下,background-image 放置在元素的左上角,并重复垂直和水平方向。
提示: 如果图像不可用,请始终设置要使用的背景颜色。
默认值: | none |
---|---|
继承: | 否 |
可动画化: | 否。 请参阅 animatable |
版本: | CSS1 + new values in CSS3 |
JavaScript 语法: | object.style.backgroundImage="url(smiley.gif)" 尝 试 |
浏览器支持
表格中的数字表示支持该属性的第一个浏览器的版本号。
属性 | ||||||
---|---|---|---|---|---|---|
background-image | 1.0 | 12.0 | 4.0 | 1.0 | 1.0 | 3.5 |
注意: E8和更早版本的浏览器不支持多个背景图像在一个元素。
CSS 语法
background-image: url|none|initial|inherit;
属性值
值 | 描述 |
---|---|
url('URL') | 图像的URL。要指定多个图像,请使用逗号分隔URL |
none | 无图像背景会显示。这是默认。 |
initial | 将此属性设置为其默认值。请参阅 initial |
inherit | 从其父元素继承此属性。请参阅 inherit |

更多实例
Example
为 <body> 元素设置多个背景图片:
body {
background-image: url("img_tree.gif"),url("img_flwr.gif");
background-color: #cccccc;
}
尝试一下 »相关文章
CSS 教程:CSS Background
CSS3 教程:CSS3 Backgrounds
HTML DOM 参考手册:backgroundImage 属性