码迷,mamicode.com
首页 > Web开发 > 详细

HTML 背景图片自适应

时间:2015-09-01 12:16:53      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:

CSS 

 body.loginpage {
        background-image: url(../images/background-image.jpg);
        background-size:cover;
    }

HTML

<body class="loginpage">

    <div class="loginpanel">
        <div class="loginpanelinner">
            <div class="logo animate0 bounceIn">
                <img src="UI/main.shamcey/images/logo.png" alt="" />
            </div>
            <div class="inputwrapper login-alert">
                <div class="alert alert-error">Invalid username or password</div>
            </div>
            <div class="inputwrapper animate1 bounceIn">
                <input type="text" name="username" id="username" placeholder="Enter any username" />
            </div>
            <div class="inputwrapper animate2 bounceIn">
                <input type="password" name="password" id="password" placeholder="Enter any password" />
            </div>
            <div class="inputwrapper animate3 bounceIn">
                <button id="submit" name="submit">Sign In</button>
            </div>
            <div class="inputwrapper animate4 bounceIn">
                <label>
                    <input type="checkbox" class="remember" name="signin" />
                    Keep me sign in
                </label>
            </div>
        </div>
    </div>

    <div class="loginfooter">
        <p>&copy; 2013. Shamcey Admin Template. All Rights Reserved.</p>
    </div>

</body>

 

HTML 背景图片自适应

标签:

原文地址:http://www.cnblogs.com/foreverfendou/p/4775125.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!