css如何将背景铺满整个屏幕，css背景图铺满屏幕如何做

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

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

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

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

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

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

相关问答

Q1: 怎样用css使背景图片覆盖整个页面

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

2、用CSS +DIV将第二张特定图片覆盖第一张图片的部分区域方法：用CSS中元素的background ： background-color || background-image || background-repeat || background-attachment || background-position。

3、创建以下目录结构的测试页面。将测试图片显示在浏览器界面上，效果如下。通过CSS设置背景图片，默认效果如下，图片被自动重复以铺满窗口。通过CSS设置背景图片不重复，此时，图片将不能铺满窗口。

4、所以还是要以各个浏览器显示效果标准为目标，不要看dw显示效果。当然，如果你css写的规范，显示效果也是一样的。另外，背景图铺满要用到一个css3属性 background-size：100% 100%；但是这样强制拉升会让背景图变形。

5、然后是铺满容器的问题，如果忽略IE内核的浏览器，用css3属性background-size： 100%；轻松解决，要兼容的话可以设一个背景层放在容器的下方，背景层里面放你的背景图片，宽高设为跟容器一样，然后把容器的背景设为透明即可。

6、你的背景图片是什么样的图片，是可重复的图片还是不可重复的，如果是不可重复的，那建议换一张450X450的，如果可重复，那么把background-repeat：no-repeat；去掉就好。

Q2: css怎么让一张图片适应任何屏幕大小的电脑平铺?

1、一是通过将该图片设定为某个div的背景图片，然后该div的长宽不使用绝对的px，使用相对的em或者rem。二是将图片设定display：block，设定图片的长宽为rem或者em。

2、比如#bg{position：fixed；width：100%；height：100%；} 万维网上的一个超媒体文档称之为一个页面（外语：page）。

3、在默认状态下（或者说不做任何特殊的css设置的情况下），作为背景的图片都是不失真地进行平铺的啊。当然，我所理解的“不失真”是指图片的长宽比例保持不变，如果你有其他的解释请说明。

4、创建以下目录结构的测试页面。将测试图片显示在浏览器界面上，效果如下。通过CSS设置背景图片，默认效果如下，图片被自动重复以铺满窗口。通过CSS设置背景图片不重复，此时，图片将不能铺满窗口。

关于css如何将背景铺满整个屏幕和css背景图铺满屏幕如何做的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。