如何通过css设置背景图片全屏-木庄网络博客

本文摘自PHP中文网，作者coldplay.xixi，侵删。

通过css设置背景图片全屏的方法：1、通过CSS的【background-size=100%】属性设置全屏；2、通过【background-repeat】设置图片是否重复。

本教程操作环境：windows7系统、css3版，DELL G3电脑。

通过css设置背景图片全屏的方法：

1、创建以下目录结构的测试页面

BackGround

-- BgImage.html

-- Images

-- bg.png

2、将测试图片显示在浏览器界面上，效果如下

3、通过CSS设置背景图片，默认效果如下，图片被自动重复以铺满窗口

4、通过CSS设置背景图片不重复，此时，图片将不能铺满窗口

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者