html里，如何让背景图片根据屏幕大小铺满屏幕不重复？
发布网友
发布时间：2022-04-22 02:01
共2个回答
热心网友
时间：2022-07-12 05:48
html里，让背景图片根据屏幕大小铺满屏幕不重复，具体方法如下：
1、首先我们用Dreamweaver软件做一个html文档，当然用其他编辑器也可以。
2、然后给body设置一个背景图片，这里小编给body加了一个高度，以便能看到图片。
3、然后先在浏览器中预览一下效果。会看到图片两遍有空白，没有填充满整个屏幕。
4、将background-size，可以设置其值为100%。
5、需要注意的是这是css3增加的新属性，旧版本的浏览器可能不支持。所以有时需要更新浏览器。
热心网友
时间：2022-07-12 05:49
css中写
body{
margin:0;
background:url(images/bg.jpg) no-repeat;
background-size:100% 100%;
}
