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 |