> 专题文章
css怎么设置背景图片全屏
2019-07-01 14:27:12 作者:佚名

设置背景图片全屏,介绍以下方式:

1、超大图片,引入进来即可根据大小缩放

2、通过CSS的background-size属性设置大小

     通过background-repeat设置图片是否重复

步骤分解

  1. 1

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

    BackGround

        -- BgImage.html

        -- Images

            -- bg.png

    css怎么设置背景图片全屏
  2. 2

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

    css怎么设置背景图片全屏css怎么设置背景图片全屏
  3. 3

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

    css怎么设置背景图片全屏css怎么设置背景图片全屏
  4. 4

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

    css怎么设置背景图片全屏css怎么设置背景图片全屏
  5. 5

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

    css怎么设置背景图片全屏css怎么设置背景图片全屏
  6. 6

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

    css怎么设置背景图片全屏css怎么设置背景图片全屏END

相关文章

234游戏网站地图
游戏中心
手机游戏
app大全
单机游戏
网络游戏
网页游戏
手机网游
新闻中心
网游新闻
手游新闻
单机新闻
原创栏目
综合热点
实用问答
专题文章
图片中心
美女图片
爆笑图
二次元
网游图片
单机图片
手游图片
视频中心
单机视频
手游视频
网游视频
视频综合
游戏赛事
攻略中心
单机攻略
手游攻略
网游攻略
爆料中心
娱乐八卦
新鲜事
国内新闻
评测中心
单机评测
手游评测
网游评测
子站导航
234游戏网
234问答
234游戏论坛
vr频道
问答2
问答3

大家都在搜