设置背景图片全屏,介绍以下方式:1、超大图片,引入进来即可根据大小缩放2、通过CSS的background-size属性设置大小 通过background-repeat设置图片是否重复
方法/步骤
1
创建以下目录结构的测试页面BackGround -- BgImage.html -- Images -- bg.png
2
将测试图片显示在浏览器界面上,效果如下
3
通过CSS设置背景图片,默认效果如下,图片被自动重复以铺满窗口
4
通过CSS设置背景图片不重复,此时,图片将不能铺满窗口
5
通过CSS设置图片大小100%,效果如下,图片铺满窗口
6
通过CSS设置图片大小cover,效果如下,图片铺满窗口
上一篇:全屏来电壁纸的设置方法