怎么在css里面设置背景图片？用background-image属性

怎么在css里面设置背景图片？用background-image属性，用英文小写符号:连接background-image属性的值即可，写法如下：

background-image:url(值);

background-image属性为元素设置背景图像，元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。

默认情况下，背景图像位于元素的左上角，并在水平和垂直方向上重复。

当你需要修改背景图片的时候，只需要修改这个【值】即可，background-image属性的值一般使用url，也就是图片的地址来指定背景图片，举例如下：

body {background-image:url(rule.jpg);}

范如乐这里给body元素设置了一张图片名称为rule.jpg的背景图片，存放的位置是根目录，如果这张图片你存放在其它位置，要加上/文件夹名称/rule.jpg

如果是多个文件夹，写法以此类推：/文件夹名称/文件夹名称/rule.jpg

效果如图：

但是背景图片默认的显示方式并不好看，下一节，我们学习用css控制背景图片的显示方式，详情点击：《css背景图片的平铺方式怎么设置？用background-repeat属性》。