css怎么设置背景图片全屏
2019-07-01 14:27:12 作者:佚名
设置背景图片全屏,介绍以下方式:
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,效果如下,图片铺满窗口
END