zoukankan      html  css  js  c++  java
  • HTML 背景图片自适应

    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>
  • 相关阅读:
    python 2
    Python 1 practice
    python 1
    Python多线程_笔记
    背景自适应不会随浏览器界面放大速效而改变
    平行四边形定理
    动态规划3(区间+树形)
    素数快速生成
    设CPU共有16根地址线,8根数据线,,,
    贪心+huffman编码+模拟退火+分治
  • 原文地址:https://www.cnblogs.com/foreverfendou/p/4775125.html
Copyright © 2011-2022 走看看