1、首先在电脑端找到Dw软件，进行打开操作，然后新建一个html文件。
2、新建文件完成之后，写入一个div代码操作，如图所示。
3、写入div代码之后，引入一个css样式，如图代码操作所示。
4、引入样式代码之后，打开引入的css.文件，如图所示。
5、在新引入的css文件中，写入css背景图片代码即可，如图所示。
01首先看下html代码，一个空的div，什么内容都还没放上。
02为这个div写上一些美化的样式。
03刷新页面，看下效果，现在就是显示一个有边框的div。
04要用css为这个div加上背景图片，只需要加上background-image的样式，后面的值就是图片的地址了。
background-image: url(12.jpg)
05刷新页面看下现在的效果，可以看到div已经加上图片背景了。
单张图片“铺满屏幕”与“不失真”之间是矛盾的，铺满屏幕就必然会使图片的长宽比例发生变化造成失真，除非图片的长宽比例刚好与屏幕的长宽比例完全一致。下面是铺满屏幕但不保证是否失真的css代码：
body {background:url(图片路径) no-repeatbackground-size:100% 100%}
下面是图片不失真但不保证是否完全铺满（留有空隙或者超出屏幕）的css代码：
1、横向铺满，纵向留有空隙或超出屏幕：
body {background:url(图片路径) no-repeat centerbackground-size:100% auto}
2、纵向铺满，横向留有空隙或超出屏幕：
body {background:url(图片路径) no-repeat centerbackground-size:auto 100%}
补充说明：background-size属于css3，只有支持css3的浏览器才有效。
