Web速查-索引

background-image

定义

background-image 属性为元素设置背景图像。

注意:元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。
默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。

语法

background-image: url('URL')|none|inherit;

属性值

说明
url(‘URL’) 指向图像的路径。
none 默认值。不显示背景图像。
inherit 规定应该从父元素继承 background-image 属性的设置。

注意:‘URL’表示目标文件的路径,可以是相对路径或者绝对路径。

实例

<html>
<head>
<meta charset="UTF-8">
<title>NTHOME-零基础入门学习Web(HTML5+CSS3)</title>
<style type="text/css">
body {
/*为body设置背景图*/
background-image:url(../img/logo.png);
}
</style>
</head>
<body></body>
</html>

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号

Safari Chrome FireFox IE
1.0 1.0 1.0 4.0