1. 程式人生 > >登陸頁面

登陸頁面

auto wid ext href tee char div left class

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .pg{
            height: 600px;
            width: 1000px;
            /*background-color: blueviolet;*/
            left: 16%;
            top: 100px;
            border
: 1px lightsteelblue solid; position: relative; } .pg .pg-left img{ position: absolute; padding: 85px 30px; height: 454px; width: 458px; } .pg .pg-right{ position: absolute; right: 55px
; top: 86px; /*border: 2px saddlebrown solid;*/ height: 411px; width: 456px; } .pg-right div { padding: 20px 30px; } </style> </head> <body> <div class="pg"> <div class="pg-left"> <
img src="121.jpg" alt=""> </div> <div class="pg-right" style="padding: 20px 10px"> <form action="" > <div><span style="color: red">*</span>用戶名:&ensp;<input type="text" value="22" ></div> <div>&ensp;&ensp;<span style="color: red">*</span>密碼:&ensp;<input type="text" value="22"></div> <div ><span style="color: red">*</span>驗證碼:&ensp;<input type="text" style="width: 50px"></div> <div style="position: absolute;left: 43px;"><input type="checkbox">自動登陸 <a href="">忘記密碼?</a></div> <input type="submit" value="登陸" style="background-color: firebrick;position: absolute;top: 292px;left: 95px;width: 206px ;height: 40px"> </form> <button style="position: absolute;right: 0;bottom: 0;background-color: lightgreen;width: 147px;height: 40px" ><a href="">免費註冊>></a></button> </div> <p style="position: absolute;bottom: 0;left: 200px" >2014-2015 www.autohome.com.cn ALL Rights Reserved 老男孩版權所有</p> </div> </body> </html>

登陸頁面