登陸頁面
阿新 • • 發佈:2018-08-02
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>用戶名: <input type="text" value="22" ></div> <div>  <span style="color: red">*</span>密碼: <input type="text" value="22"></div> <div ><span style="color: red">*</span>驗證碼: <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>
登陸頁面