多语言展示
当前在线:546今日阅读:103今日分享:49

css怎么设置背景图片全屏

设置背景图片全屏,介绍以下方式: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,效果如下,图片铺满窗口

推荐信息