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背景图片满屏的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

到此这篇关于css设置body背景图片满屏的实例代码就介绍到这了。你想是怎样的人,你就是怎样的人;你想成为怎样的人,你就会离这个目标不会太远。更多相关css设置body背景图片满屏的实例代码内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例

CSS浮动引起的高度塌陷问题