html5怎么把图片铺满，html如何让图片铺满div

html里,如何让背景图片根据屏幕大小铺满屏幕不重复?

html里，让背景图片根据屏幕大小铺满屏幕不重复，具体方法如下：首先我们用Dreamweaver软件做一个html文档，当然用其他编辑器也可以。然后给body设置一个背景图片，这里小编给body加了一个高度，以便能看到图片。

body style=background-image： url(图片文件地址)； background-attachment： fixed；这样背景图片就会固定住，不会因页面滚动而重复。

最简单方法使用css0新增的一个属性background-size，代码如图。IE8以下不支持。打开浏览器查看效果如下：使用css代码如图。支持IE9+，IE 7/8： 平铺效果支持，但是在小于1024px的屏幕下居中效果失效。

Background ： 背景色 Background Image ：选取你的背景图 Reapeat ： 背景图是否重复，其中选no-repeat为不重复，repeat为重复，repeat-x和repeat-y分别为只在X和Y方向重复。

图片不够大，又background属性不能拉伸图片；只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用；body的background属性去掉，要不然会被遮住。

使用此代码：img border=0 src=/jpg width=100% height=100% style=position： absolute；left：0px；top：0px；z-index： -1或者background-size：cover。

相关问答

Q1: html中图片为什么不能铺满整个td

dreamweaver的效果和浏览器中的效果是有很大的出入的，设计一个网页最好是现在dreamweaver初步设计，再使用浏览器查看，你这个问题可以通过调整表格中单元格的宽度或者是调整图片的宽度来解决。

看一下你的表格的这个属性：cellpadding=。 这个属性控制表格内容与边框的距离。它的值不为 0 或空的话，里面的内容就会与边框有距离，直观上就会留有空白。

body的background属性去掉，要不然会被遮住。

Q2: html和css如何做到让一张图片铺满屏幕呢?

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

2、步骤首先打开需要修改的HTML文件。步骤然后始化样式，将代码添加在标签内。步骤添加一个p容器，然后命名为bg-box步骤背景全屏需要容器全屏，将bg-box的样式补全。步骤设置完毕，图片背景以及全屏了。

3、：一个很小的条状图，通过repeat后，形成一个很规则的大图背景。 但是css3出现以后，这个情况被改善了。background-size 属性可以让我们之前的希望成真。而且这个属性在firefox，chrome，以及ie9上都可以使用。

4、html里，让背景图片根据屏幕大小铺满屏幕不重复，具体方法如下：首先我们用Dreamweaver软件做一个html文档，当然用其他编辑器也可以。然后给body设置一个背景图片，这里小编给body加了一个高度，以便能看到图片。

5、Vertical ： 为固定背景图时图在竖直方向所居的位置，可以选择居中，居顶部，居底部或自己设定距顶的距离。注意带 * 的选项要在浏览器里才能看到效果。

关于html5怎么把图片铺满和html如何让图片铺满div的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。