css设置body背景图片满屏的实例代码

  发布时间:2018-02-26 15:06:09   作者:佚名   我要评论
这篇文章主要介绍了css设置body背景图片满屏的实例代码,需要的朋友可以参考下

废话不多说了,直接给大家贴代码了,具体代码如下所示:

@{
    Layout = null;
    ViewBag.Title = "Login Page";
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>IndexMain</title>
    @*样式*@
    <style>
        body {
            height: 100%;width: 100%;
            background: url('../../Images/LoginIMG/LoginBackground.jpg');
            background-size:cover;
        }
    </style>
</head>
<body>
    <div> 
    </div>
</body>
</html>

总结

以上所述是小编给大家介绍的css设置body背景图片满屏的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • css3给背景图片加颜色遮罩的方法

    前段时间在开发中,遇到需要给背景层加颜色遮罩的项目,现在特定总结一下给背景图层加颜色遮罩的方法,感兴趣的朋友跟随小编一起看看吧
    2019-11-05
  • CSS背景图片固定宽高比自适应调整的实现方法

    这篇文章主要给大家介绍了利用CSS实现背景图片固定宽高比自适应调整的方法,文中通过示例代码介绍的非常详细,对大家学习或者使用CSS具有一定的参考学习价值,需要的朋友们
    2019-09-10
  • 纯css实现背景图片半透明内容不透明的方法

    这篇文章主要介绍了纯css实现背景图片半透明内容不透明的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-12
  • CSS背景图片设置的6个有趣的技巧

    这篇文章主要介绍了CSS背景图片设置的6个有趣的技巧,本文通过截图实例代码相结合给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-05-12

最新评论