新建一个html文档。

设置一下HTML的框架，然后把图片设置在同一个文件夹里面。

加入，这样可以有样式设置。

因为背景设置在主体，所以还要定义为body{}。

background-image:url(图片)，这个是添加图片的意思。

然后我们需要加入background-repeat:repeat-x这个时候就会横向平铺。

步骤一、首先打开需要修改的HTML文件。

步骤二、然后始化样式，将代码添加在style/style标签内。

步骤三、添加一个div容器，然后命名为bg-box

步骤四、背景全屏需要容器全屏，将bg-box的样式补全。

步骤五、设置完毕，图片背景以及全屏了。

html里，让背景图片根据屏幕大小铺满屏幕不重复，具体方法如下：

1、首先我们用Dreamweaver软件做一个html文档，当然用其他编辑器也可以。

2、然后给body设置一个背景图片，这里小编给body加了一个高度，以便能看到图片。

3、然后先在浏览器中预览一下效果。会看到图片两遍有空白，没有填充满整个屏幕。

4、将background-size，可以设置其值为100%。

5、需要注意的是这是css3增加的新属性，旧版本的浏览器可能不支持。所以有时需要更新浏览器。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://outofmemory.cn/zaji/8299085.html