如何通过css设置背景图片全屏

通过CSS设置背景图片全屏的方法:

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

BackGround

— BgImage.html

— Images

— bg.png

d9c4dac3b360a49218c5698966812899

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

6282d0f5b4ad1c2576448b79e3604a27

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

7bdede0f86738929f727e8f43d2fcfce

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

0f9fb4a6c968b63d5e1559fba5cf2e70

5、通过CSS设置图片大小100%,效果如下,图片铺满窗口

1d913a3692688cce9ce4f962e5012c50

6、通过CSS设置图片大小cover,效果如下,图片铺满窗口

3eb32da6b820cd7f5b10e6156102c314

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容