怎么给div加背景图片，怎么给div加背景图片啊怎么图片都出不来

来源：整理时间：2023-04-30 13:50:06 编辑：航空兔素材手机版

本文目录一览

1，怎么给div加背景图片啊怎么图片都出不来
2，如何在网页的其中一个div框架中添加背景图片
3，div标签如何插入背景图
4，html中在div中加背景图片

1，怎么给div加背景图片啊怎么图片都出不来

<div width="" height="" align="middle" style="background-image:url("images/Img/1.png);"> </div>这种路径的话，你的html是建立在style目录下

建议你你试试不用站点的形式链接本地图片貌似你用的是DW软件吧？一般情况下很少有人这么做的你书写没问题就是出现在地址上

怎么给div加背景图片啊怎么图片都出不来

2，如何在网页的其中一个div框架中添加背景图片

在你要定义的DIV CSS中加入这个属性 BACKGROUND: url(1.jpg) repeat; URL后面括号是，是图片在站内的路径， REPEAT 意思是重复如果换成 repeat-x 或repeat-y 意思分别是横向重复，和纵向重复，DW网页制作有CSS可视化的属性调整窗口，很方便新手，如有不懂在补充问题

就是在网页的其中一个div框架中添加的背景图片，而且图片小时会自动复制平铺，布满整个div框架。

如何在网页的其中一个div框架中添加背景图片

3，div标签如何插入背景图

路径，我的在同一级目录12345678910111213 <bodystyle="width:600px;text-align:center;"><divstyle=" height:352px;border-bottom-style:dashed; border-bottom-color:#00C; width:800px; background-image:url(pic.jpg)"><h1>静夜思</h1><h2>作者：李白</h2><p>床前明月光，</p><p>疑是地上霜，</p><p>举头望明月，</p><p>低头思故乡。</p></div><divstyle="text-align:left; padding-top:5px;">注释：静夜思：宁静的夜晚所引起的相思；疑：怀疑、以为；举：抬、仰。</div></body>

两种方式：1.右键div然后"r"，也可以右键属性啦~然后再属性窗口点击style属性右面的按钮，在弹出的面板中有背景选项，然后浏览选择找到程序中的图片就可以了，这种是依靠设计器。2.直接手写，当然手写出来的效果和设计器的是一样的，只是手写的感觉累，然后初学者感觉很费解。手写代码就是当然可以拓展设置它的平铺方式等等。

这样做是可以的，你先确定一下你的url对不对

div标签如何插入背景图

4，html中在div中加背景图片

html在div加背景图片的具体操作步骤如下：1、新建一个html文档，编写一个类名等于setbg的div标签。2、div写上样式，“background: url(bg_main.jpg)；”的样式，设置背景图即可。3、设置了背景图，给div设置高度“height：500px”。4、设置高度之后，高度和背景图就可以出现。5、div很多文字，超过了固定高度，会出现背景不会平铺到底部。6、在设置好的背景后面加个 “repeat”，就可以平铺背景图。。

鼠标指向的时候新的图片背景才加载,,网速越慢背景加载时间越长,,等待它出现的时间就越长了..解决方法:把原图片1.jpg(宽60px,高60px),,指向改变的图片2.jpg(宽60px,高60px),,这两张图片结合到同一张图片中3.jpg(宽60px,高120px),,注(2放在上面,,1放在下面,,图片是从上到下加载的,,这样你鼠标指向要出现的图片在上面就一定会先加载出来,,就不会又背景消失一段时间的情况出现了)css中aa:hover{background:url(3.jpg) top no-reapt;}

html在div中添加背景图片语法如下：<div style="width:100px; height:100px; background:url(图片名称.jpg);"></div>图片和网页放一个文件夹里面，注意图片后缀，这里是.jpg就只适合JPG图片的，其他类型图片自行改后缀。

<div background-image:url(图片路径);></div>或者是在css里面实现

<div class="a">你好你好你好</div>样式就这样写：.a background-image:url(图片路径); background-repeat:no-repeat;}