css怎么把背景图片拉伸至100%

2025-05-24 15:51:25

1、首先准备一张设置为背景的图片,我这边准备的是一张650px*347px的图片

css怎么把背景图片拉伸至100%

2、然后建立一个html文档,将它和背景图片放到一个文件夹中(这边只做测试),所以我没有建立images文件夹放置图片

css怎么把背景图片拉伸至100%

3、编辑html文档,我这边建立一个div,设置宽度为700px(要比我们的背景图冷觋溪诠宽,不然看不到我的方法有没有用),高度跟背景图一样,为347px,

css怎么把背景图片拉伸至100%

4、然后我们就给div设置背景图片

css怎么把背景图片拉伸至100%

5、在浏览器中预览会发现图片平铺了,这不是我们想要的效果

css怎么把背景图片拉伸至100%

6、然后我们可以给div再加上属性,-moz-background-size:100% 100%; b锾攒揉敫ackground-size:100% 100%; 这样设置后再看网页就会发现背景图片拉伸至100%了。

css怎么把背景图片拉伸至100%
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢