后台登陆页面
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .pg-content{ width: 800px; height: 360px; border: 1px solid #dddddd; margin: 0 auto; } .pg-title{ margin: 0 auto; /*border-bottom: 1px solid red;*/ } .pg-desc{ width: 800px; height: 300px; /*border: 1px solid red;*/ } .pg-form{ height: 100px; width: 300px; /*border: 1px solid red;*/ margin-top: 50px; margin-left: 50px; margin-right: 50px; float: right; } .pg-fixed{ position: relative; left: 322px; top: 94px; } </style> </head> <body> <div class="pg-content"> <div class="pg-title"> <img src="1.png" alt=""> </div> <div class="pg-desc"> <dvi style="float: left"> <img src="2.jpg" alt=""> </dvi> <div class="pg-form"> <form action=""> <table> <tr> <td>用户名：</td> <td><input type="text"><br/></td> </tr> <tr> <td>密码：</td> <td><input type="password"><br/></td> </tr> <tr> <td>验证码：</td> <td><input type="text"><br/></td> </tr> </table> <input type="button" value="登陆" style="text-align: center;margin-left: 130px"> </form> </div> <div class="pg-fixed"> <input type="button" value="免费注册>>"> </div> </div> <div style="padding-left: 170px;padding-top: 50px"> <span>@2004-2018 www.oldboyedu.com All Rights Reserved</span> </div> </div> </body> </html>