使用CSS background-image 属性即可达到要求。
对浏览器支持：所有浏览器都支持 background-image 属性。
定义和用法：
background-image 属性为元素设置背景图像。
元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。
默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。
详细说明：
background-image 属性会在元素的背景中设置一个图像。
根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。
初始背景图像（原图像）根据 background-position 属性的值放置。
可能的值：
url('URL') 指向图像的路径（相对/绝对路径均可）。
none 默认值。不显示背景图像。
inherit 规定应该从父元素继承 background-image 属性的设置。
案例：
body{
background-image: url(bgimage.gif)
background-color: #000000/* 建议设置背景色 */
}
该路径可以设置为绝对路径，即：background-image: url(http://xxx.com/img.jpg)
注意事项：
A、任何版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。
B、请设置一种可用的背景颜色，这样的话，假如背景图像不可用，页面也可获得良好的视觉效果。
如果是外联css（css文件与html文件分离的），则css中的图片路径是相对于css文件而不是html文件的，比如你附图中的那个png图片，应该位于css文件的上级目录的images子目录的kpjh子目录中，否则就出错。如果网站的目录结构比较复杂，很难理清文件的相对关系，可以使用绝对路径，比如说images目录假如位于网站的根目录，那么你可以用 /images/kpjh/... ，也就是把开头的两个小数点去掉。更保险的办法是在前面加上网址变成完整的url，这样即使图片文件放到其他网站也能调用。如果希望得到更简单的方法，那么可以把css文件与图片文件放在同一个目录，这样css文件中就不需要再写图片的路径了，直接写图片文件名即可！
如果是内联css（css代码直接写到html文件中），则图片路径是相对于html文件的。
所以你要自己检查一下图片路径是否写正确，然后根据我上面的说明进行修改。
