• 技术文章 >web前端 >css教程

    css怎么设置全屏背景图片

    VV2020-11-20 11:19:39原创73

    css设置全屏背景图片的方法:可以利用background属性和overflow属性来进行设置,如【overflow:hidden; background-position:center center;】。

    body、html设置

    (学习视频分享:css视频教程

    html,body{
        height: 100%;
    }

    图片所在div设置

    .wrapper{
        background:#000000 url("../../img/login/login.jpg");
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        overflow: hidden;
    }

    相关推荐:CSS教程

    以上就是css怎么设置全屏背景图片的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:css 全屏 背景图片
    上一篇:css实现文字不换行溢出显示省略号 下一篇:css 背景不滚动的实现方法
    第14期线上培训班

    相关文章推荐

    • css3全屏背景图片切换特效 - roucheng• [css]全屏背景图片设置,django加载图片路径• css3全屏背景图片切换特效_html/css_WEB-ITnose• css全屏背景图片设置django加载图片路径详细说明

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网