1、打开我们网页设计开发工具，选中需要设置背景的图片，将我们需要设置的背景图片复制到image文件夹中。直接选中image粘贴进去就可以。
2、设置header背景图片，如图所示，在css中关于header设置项目中添加url("image/bg-header.jpg") top left repeat。设置背景图片。
3、如果图片没有加载成功，在header中会显示我们设置的背景颜色，所以我们尽可能的将背景色和图片颜色设置的很相似，这样省去很多不便。
4、点击背景色前面的色块，系统会弹出如图所示显示框，这时候我们将鼠标点击需要提取的颜色所在位置，这相当于取色器的作用，显示框中显示当前选取的背景色色号，将内容复制到我们的代码中，就完成了背景色的更改。
5、设置body背景图片，如图所示，我们的body设置背景图片和header设置背景图片基本相同，只是代码要写在css样式文件关于body设置项目中。
6、我们也可以给我们的主内容区域设置背景图片，使用的方法和刚才设置方式一样，设置背景色，然后设置URL，设置图片所在位置，最后预览我们的网页，就可以看到我们设置的背景图片。
