Question

HTML语言中，如何在div中插入背景图片？

老师留的作业，要求用记事本编写网页。有一个地方是感觉有两层背景，（就是下边的一层能漏出来一圈边）。于是设置了一个背景图片，上边那层打算用div插一个。可是图片不够大，div中插入的图片只有一个小块块。。。。。。老师的样本好像是把图片重复显示了，然后这两层背景上还有文字的超链接。。。。。。计算机白痴表示无能了，希望答题的大神帮忙给一段html语言的代码，最好能解释一下。跪谢！在线等回答~

Answer 1

要想把背景图片全部显示出来你要有高和宽，如果没有，会自适应你再div中插入图片的大小显示背景图片的。有了高和宽后，直接通过 padding：数值px； 或者 margin：数值px； 来进行调试一下，将插入div的图片进行定位； 图片处理好后，你可以用相对定位（position），将文字定位到需要的位置。如果还不明白可以追问我加QQ我帮你搞定

Answer 2

老师傻你也跟着老师傻？老师说用记事本编辑你还真用记事本编辑啊？直接用软件编辑就行啦，最后把html文件的后缀改成txt就行了
至于你说的效果，也就是2个div嵌套即可，每个div都设定背景图片平铺，看你这背景图片也是可重复的所有也不用切太大，至于你所说的漏出一圈，只需要再父级div设定padding就行了，例如：
<div style="background:black; padding:20px; width:200px;">
<div style="background:red; height:400px;"></div>
</div>

Answer 3

<div style="width:100px; height:100px; background:url(图片名称.jpg);"></div>
图片和网页放一个文件夹里面，注意图片后缀，我这里是.jpg就只适合JPG图片的，其他类型图片自行改后缀

Answer 4

写个div加个margin:5px;外面再套个div，两个div分别设置背景色就行了

Answer 5

图片和网页放一个文件夹里面，注意图片后缀，我这里是.jpg就只适合JPG图片的，其他类型图片自行改后缀