html5让图片填满div，html图片填充整个页面

网页设计背景图片怎么填满整个背景呀?

1、首先新建一个html文档。其次达到杭州机场后，设置一下HTML的框架，然后把图片设置在同一个文件夹里面。最后设置html和body的高度为100%，给背景添加背景图片，并设置background-size为100%即可将背景图片铺满。

2、打开Dreamweaver，然后选中html，出来了一个html标准文档。在标签里添加文件路径，语法如下：这时，页面虽然充满了背景，但可以看出背景图片被填充zhidao了多次。

3、根据百度经验资料显示：html让一张背景图片铺满的步骤如下：添加样式 打开代码编辑器，为body标签添加一个样式。添加背景图片为bg样式添加一个背景图片。

相关问答

Q1: 如何让div自动适应自身的img高度

1、第一种：一定高度内容加多时自适应高度，而内容少时DIV有一定最小高度；第二种：没有最小高度，DIV完全自适应高度。

2、输入位置：固定；top：0；左：0；将整个div固定在屏幕的顶部和左侧。输入宽度：100%；身高：100%；最小宽度：1000像素；这个可以适合div的高度和宽度，而min-width是在屏幕宽度在1000px以内的情况下，保持div的大小不变。

3、让一个div高度自适应浏览器高度的方法：获取到window的innerHeight、clientHeight根据这两个引数定义div的高度。

4、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：body {background： url(image12jpg) no-repeat； background-size： cover；}。

5、如果用div包裹一个img，你会发现div的高度要超过img的高度。

6、把img设置为block， 解决。img是一种类似text的元素，在结束的时候，会在末尾加上一个空白符，所以就会多出3px。

Q2: 如何解决div里面img图片下方有空白的问题?

/div 把div的border打开，你发现图片底部不是紧贴着容器底部的，是img后面的空白字符造成，要消除必须这样写 div img src=” mce_src=” //div 后面两个标签要紧挨着。ie7下这个bug 依然存在。

设置图片的垂直对齐方式 即设置图片的vertical-align属性为“top，text-top，bottom，text-bottom”也可以解决。如本例中增加一组CSS代码：“#sub img {vertical-align：top；}”。

下面有一个字间距。div style=width：1400px；border：1px solid #999；img style =display：block； src=jpg style=width：100%/div 你对img属性，增加一个 display：block； 即可去掉下面空白。

top；} /*解决方案1*/ img{display： block} /*解决方案2*/ div{line-height： 0} /*解决方案3*/ 但是由于图片一般需要居中展示，为了利用text-align：center这个内联属性，推荐 方案1与方案3，方案2不推荐使用。

片IMG与容器下边界之间有空隙怎么办？这里介绍3中简单的解决方法。第一，给图片img标签display：block。img{display：block} 第二，定义容器里的字体大小为0。

div img可以实现没有缝隙的，还是建议使用div+css来实现，毕竟table维护起来太麻烦了啊，也逐渐被淘汰了啊，其实只要在img标签上添加display：block属性，div跟img两个标签内的属性自然而然就消失了。

html5让图片填满div的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html图片填充整个页面、html5让图片填满div的信息别忘了在本站进行查找喔。