在网页制作的工作中，我们经常需要将背景图片铺满容器的100%，但是又不是平铺，那么需要怎么做呢？今天我就教大家css怎么把背景图片拉伸至100%
工具/原料
1
notepad或其他编辑器
2
背景图片
方法/步骤
1
首先准备一张设置为背景的图片，我这边准备的是一张650px*347px的图片
3
编辑html文档，我这边建立一个div，设置宽度为700px（要比我们的背景图宽，不然看不到我的方法有没有用），高度跟背景图一样，为347px，
4
然后我们就给div设置背景图片
5
在浏览器中预览会发现图片平铺了，这不是我们想要的效果
6
然后我们可以给div再加上属性，-moz-background-size:100% 100%; background-size:100% 100%; 这样设置后再看网页就会发现背景图片拉伸至100%了。
注意事项
1
我这只是教大家设置用css将背景图片拉伸至100%，所以没有规范做，正常图片应该新建一个images文件夹放置
2
图片的宽度跟容器的宽度不要相差太大，不然容易导致图片变形
上一篇：在草图大师里面如何进行拉伸？
下一篇：解决WPS表格图片打印拉伸问题