1、用CSS的z-index的属性就可以实现。首先新建一个html文件，在文件中写入一个div容器和一个图片。
2、然后在上方设置它们的样式，这里给div设置成绝对定位，图片设置成相对定位，然后设置一下它们的z-index属性，该属性用来显示元素的上下层的叠加顺序，数值越大表示的层级越高，但是只有在有定位的情况下该属性才会生效。最后设置一下div的背景颜色方便观察效果。
3、最后打开浏览器查看效果，div是在图片上面的。以上html中就是把背景图片置于最低层的方法。
方式一：HTML命令方式
这里是红色
方式二：内联CCS样式 这里是蓝色 简介： 超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。 使用： 每种HTML标记符在使用中可带有不同的属性项，用于描述该标记符说明的内容显示不同的效果。正文标记符中提供以下属性来改变文本的颜色及页面背景。
BGCOLOR 用于定义网页的背景色 BACKGROUND 用于定义网页背景图案的图像文件 TEXT 用于定义正文字符的颜色，默认为黑色 LINK 用于定义网页中超级链接字符的颜色，默认为蓝色 VLINK 用于定义网页中已被访问过的超接链接字符的颜色，默认为紫红色 ALINK 用于定义被鼠标选中，但未使用时超链字符的颜色，默认为红色
首先确定要使用的背景颜色，HTML颜色由每个代码决定。在计算机的Web浏览器中访问http://www.gxlcms.com/html/html-colornames.html，就能查看所有颜色的代码，并且在“HEX”部分中选择要使用的基色。
2.使用Notepad ++或Notepad打开HTML文件，并且把页面的所有样式信息（包括背景颜色）添加进来。将“background-color”属性添加到“body”元素。background-color要在body括号之间输入。
css使div背景图片填充的具体操作步骤如下：
1、我们首先打开前端开发工具，新建一个html代码页面。
4、保存html代码，使用浏览器打开，这个时候会发现浏览器上的背景图片显示在左上角。
5、回到html代码页面，在bg-img类里添加background-position: center的属性。
6、保存html代码后重新刷新浏览器，这个时候会发现浏览器上的背景图片已经自动居中了。