html5如何背景图片全屏，html5背景图片大小如何设置

html中如何使背景图铺满整个网页?

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

2、html让一张背景图片铺满的步骤如下：添加样式 打开代码编辑器，为body标签添加一个样式。添加背景图片为bg样式添加一个背景图片。添加背景全屏样式 在样式里添加：background-size： 100% 100%的样式即可。

3、新建一个html文档。设置一下HTML的框架，然后把图片设置在同一个文件夹里面。加入，这样可以有样式设置。因为背景设置在主体，所以还要定义为body{}。background-image：url(图片)，这个是添加图片的意思。

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

5、然后定义这个bg的样式规则，主要就是添加background-image样式，就是添加背景图。 background-repeat是让背景图铺满整个页面。04 看下页面的效果，可以看到现在整个页面都铺满了蝴蝶这张图片了。

相关问答

Q1: 我用html编写网页时,设置背景图片时,好像图片太大了,不能全部显示,如果...

如果你的图片完全显示了，但还是没有充满浏览器，你可以考虑使用图片重复；如果图片没有完全显示，说明你放置背景图的div 或者table框较小。如果想充满整个浏览器可以将body的background设为你的图片。

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

但其它的浏览器不支持。这时可以拐个弯，设置两层div，底层div当做背景使用，放置一张图片即可。

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

Q2: 在html中设置背景图片,怎样让它能够全屏(平铺,全部显示),而不是只显...

1、用图像处理软件（如：Photoshop）“裁切”成需要的大小。注：建议用第2种方法，图像太大影响网页打开速度。

2、步骤首先打开需要修改的HTML文件。步骤然后始化样式，将代码添加在style/style标签内。步骤添加一个div容器，然后命名为bg-box 步骤背景全屏需要容器全屏，将bg-box的样式补全。

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

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

Q3: html中,怎么让背景图片充满整个页面

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

新建一个html文档。设置一下HTML的框架，然后把图片设置在同一个文件夹里面。加入，这样可以有样式设置。因为背景设置在主体，所以还要定义为body{}。background-image：url(图片)，这个是添加图片的意思。

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

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

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

关于html5如何背景图片全屏和html5背景图片大小如何设置的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。