1、首先我们用Dreamweaver软件做一个html文档,当然用其他编辑器也可以。
2、然后给body设置一个背景图片,这里小编给body加了一个高度,以便能看到图片。
3、然后先在浏览器中预览一下效果。会看到图片两遍有空白,没有填充满整个屏幕。
4、那么怎么让背景图片自适应屏幕大小呢?其实只要一个简单的属性即可,就是background-size,可以设置其值为100%。
5、需要注意的是这是css3增加的新属骂宙逃慈性,旧版本的浏览器可能不支持。想要了解更多关于background-size的知识请自行百度。