Alt text

定义

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

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

语法

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

属性值

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

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

实例

<html>
<head>
    <meta charset="UTF-8">
    <title>鱼C-零基础入门学习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