方法和详细的操作步骤如下：
1、第一步，打开html编辑器并创建一个新的html文件，具体见下面的图示，进入到下一步骤中。
2、第二步，新建完一个新的html文件后，在index.html的<style>标签中，输入如下所示的CSS代码，具体见下面的图示，进入到下一步骤中。
3、第三步，输入完CSS代码之后，接下来运行index.html页面。
可以发现，本地图片通过背景图片中的本地路径成功调用为了背景图片，具体见下面的图示。这样，图片就成功加入了。
图片路径的问题。
1、图片和网页放在同一目录下：background-image:url("图片.jpg"。
2、图片放在一个image目录下，并且image目录和网页在同一目录下：background-image:url(“image/图片.jpg”)。
3、图片放在一个image目录下，并且image目录和网页不在同一目录下：background-image:url(“../image/图片.jpg”)//两个点加一个左斜杠代表该程序的根目录。
扩展资料：注意事项
注意：：在css样式表中写的background-image:url(图片的路径为相对本css文件的路径，而不是我们通常认为的相对加入css样式的网页的路径)
例如：在当前目录下有 index.html 和 css文件夹(里面包含：css.css) 和 images文件夹（里面包含top.jpg）
错误的认为和写法：background-image:url("images/top.jpg")错误的认为图片的路径应该是针对index.html网页来说的。
正确的认为和写法：background-image:url("../images/top.jpg")图片的路径应该写的是相对css.css文件的路径
其中 ../ 表示的是上一级目录，不要写成 ./ 这是表示当前目录。
背景图如果位置是0,0 就相当于背景图以左上角为原始位置贴上去。但是如果我要这个背景图的下方的比如QQ作为背景图，那么这个背景图就要往上移，看上去大概在35个像素左右。
往上移了就相当于这张图离原始位置偏移了-35px，左右没偏移，所以新位置是(-35 0)
这个数值，要看这张背景图的组合，看这个需要的图标，距离顶端的位置有多大，背景图距上位置就负的多大。 同理向左向右。
