新建一个html文档。
设置一下HTML的框架,然后把图片设置在同一个文件夹里面。
加入,这样可以有样式设置。
因为背景设置在主体,所以还要定义为body{}。
background-image:url(图片),这个是添加图片的意思。
然后我们需要加入background-repeat:repeat-x这个时候就会横向平铺。
html里,让背景图片根据屏幕大小铺满屏幕不重复,具体方法如下:
1、首先我们用Dreamweaver软件做一个html文档,当然用其他编辑器也可以。
2、然后给body设置一个背景图片,这里小编给body加了一个高度,以便能看到图片。
3、然后先在浏览器中预览一下效果。会看到图片两遍有空白,没有填充满整个屏幕。
4、将background-size,可以设置其值为100%。
5、需要注意的是这是css3增加的新属性,旧版本的浏览器可能不支持。所以有时需要更新浏览器。