首先看下html代码，一个空的div，什么内容都还没放上。
02为这个div写上一些美化的样式。
03刷新页面，看下效果，现在就是显示一个有边框的div。
04要用css为这个div加上背景图片，只需要加上background-image的样式，后面的值就是图片的地址了。
background-image: url(12.jpg)
05刷新页面看下现在的效果，可以看到div已经加上图片背景了。
通过css：background-image语句设置背景。
background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。初始背景图像（原图像）根据 background-position 属性的值放置。
（1）相对的文件位置：
（2）测试代码：
测试效果：
扩展资料：
background-image 属性为元素元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。
默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。
提示：请设置一种可用的背景颜色，这样的话，假如背景图像不可用，页面也可获得良好的视觉效果。
参考资料：百度百科--CSS background-image
