在html中某个div里加入背景图片的话，主要有以下几种方式：第一种： 在css文件里加入背景图片：在css里用url(../images/背景图2.jpg)，在内联css和引入css中会由于html文件和css文件所处的相对位置不同，引入图片路径会有所不同。 如图：第二种：在html中引入：<div class="detail" style="background-image: url(../images/背景图1.jpg)"></div>，同理url()括号里是图片的引入路径。 如图：第三种：在div中加一张图片 <div class="detail" > <img src="../images/背景图1.jpg" alt="" style="width:100%height:100%"> </div> 如图：当图片小于背景区域大小时，图片会不断重复显示，如果不想图片重复显示，可以设置background-repeat，background-repeat有4个值，分别是repeat（代表重复显示）、no（代表不重复）、repeat-x（代表水平方向上重复）、repeat-y（代表垂直方向上重复） 当图片小于背景区域大小时，默认从左上角开始铺，如果想从任意位置开始铺，可以使用background-position属性，设置在x、y方向的偏移量。当图片大于背景区域时，只显示图片左上角。 当图片和背景区域大小一样大时，显示整张图片。
html在div加背景图片的具体操作步骤如下：
1、新建一个html文档，编写一个类名等于setbg的div标签。
2、div写上样式，“background: url(bg_main.jpg)；”的样式，设置背景图即可。
3、设置了背景图，给div设置高度“height：500px”。
4、设置高度之后，高度和背景图就可以出现。
5、div很多文字，超过了固定高度，会出现背景不会平铺到底部。
6、在设置好的背景后面加个 “repeat”，就可以平铺背景图。
。
div是html中的基础元素之一，运用div的时候，为了美观经常会给它添加背景图片。下面我就给大家分享一下如何给div添加背景图片。
工具/材料
Sublime Text
01
首先我们打开sublime text软件，新建一个html页面，然后在在页面中添加html的基本结构，如下图所示
02
然后我们在html的body区域添加一个div，并且给div设置一下宽高以及边框的样式，如下图所示
03
运行程序以后，你就会看到如下图所示的div区域，我们接下来就要给这个区域添加背景图片
04
然后我们回到html文档，在div的样式规则里面添加background-image属性，如下图所示，给此属性指定一个图片路径，运行以后你就会看到背景图片了
