html5怎样将背景图片铺满，html5背景图怎么铺满

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

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

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

首先我们用Dreamweaver软件做一个html文档，当然用其他编辑器也可以。然后给body设置一个背景图片，这里小编给body加了一个高度，以便能看到图片。然后先在浏览器中预览一下效果。

最简单方法使用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。

一行代码可解决 background-size：cover html手册上的：注意：如果打算使用背景图像，应该牢记：这个图像会使页面加载时间过长吗？小技巧：图像文件的容量尽量不要超过10K。

相关问答

Q1: html怎么让一张背景图片铺满

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

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

3、首先我们用Dreamweaver软件做一个html文档，当然用其他编辑器也可以。然后给body设置一个背景图片，这里小编给body加了一个高度，以便能看到图片。然后先在浏览器中预览一下效果。

Q2: html里面怎样让背景图片全屏,使用width和height来定义吗,,

1、在body加入 body background=背景图.jpg，但是图片是平铺。

2、可以用“width”和“height”属性控制图片的显示大小。

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

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

5、在样式表中定义：img {height：200px；width：200px；} 这样的弊端是如果图片比例不等就会出现图片拉伸，要么改图片或限制图片最大宽/高度，后者建议使用js解决。

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

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

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

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

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

首先我们用Dreamweaver软件做一个html文档，当然用其他编辑器也可以。然后给body设置一个背景图片，这里小编给body加了一个高度，以便能看到图片。然后先在浏览器中预览一下效果。

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

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

Q5: html网页设计里面怎么平铺背景图片?

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

首先，打开dw编辑器，新建html文件，例如：index.html。

使用css代码即可，background-size：cover。更改html网页输入框的宽度和高度：首先可以用sublime text2新建一个测试用的界面。这时候再添加一个label标签和一个input框。通过设置size的属性修改即可。

将background-size设置为cover就会强行拉伸，然后使用background-repeat：no-repeat。强行拉伸会看起来很奇怪，所以background-size可以支持从宽和高两个方向自由设置绝对和相对大小。

用css的z-index的属性就可以实现。

在弹出的“选择背景图片”选项框中找到并选中您原来制作保存的那张图片，然后点击选项框下方的“确定”，这张图片就以背景图片插入并填满整个网页，这应该是没有问题的，如果不行，再按照下面第2“单元格属性”的方法操作。

html5怎样将背景图片铺满的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html5背景图怎么铺满、html5怎样将背景图片铺满的信息别忘了在本站进行查找喔。