<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登錄頁面</title>
<style>
p,h1,h2,h3,h4,h5,h6{border: medium;font-weight: inherit;font: 100% 微軟雅黑;}
body,button,input,select{font: 14px/1.5 微軟雅黑;outline: none;}
a{text-decoration: none;color: #6D6D6D;}
.main_box{width: 400px;margin: 0px auto;padding: 110px 0 60px 0 ;}
.login_box{height: 370px;border: 1px solid #e2e2e2;border-radius: 4px;}
.login_box h3{font-size: 14px;padding: 17.5px 30px;border-bottom: 1px solid #e2e2e2;margin: 0px 0px; }
.login_box h3 span{font-weight: bold;}
.ml{float: left;}
.mr{float: right;}
.form_all_box{padding: 0 30px;color: #e2e2e2;}
.form_box{display: inline-block; height: 40px;width: 338px; color: #4a4a4a; border: 1px solid #e2e2e2;margin: 20px 0 0; padding:0; text-indent: 10px; line-height: 40px;border-radius: 4px;}
.form_all_box button{padding: 0 20px;border: 1px solid #1f95e2;}
.form_all_box.form_button{margin-top: 10px;padding:10px 30px 0px;}
.btn_box{display: inline-block; height: 40px;width: 338px; text-indent: 10px; line-height: 40px;border-radius: 4px;width: 100%; font-size: 16px; letter-spacing: 4px;font-color: white;color: #fff;background-color: #1f95e2;}
.select_btn{font-size: 14px ;padding: 0px 30px;margin-top: 5px;}
.ml span{font: 14px 微軟雅黑;}
.checkbox_style{background-color: #FFF;color: #e2e2e2;position: relative;float: left;}
</style>
</head>
<body class="margin:0;">
<!--登錄框-->
<div class="main_box">
<div class="login_box">
<h3><span>用戶註冊</span></h3>
<div class="form_all_box">
<input type="text" class="form_box" name="uers" placeholder="用戶名/郵箱">
</div>
<div class="form_all_box">
<input type="text" class="form_box" name="password" placeholder="密碼">
</div>
<div class="form_all_box">
<input type="text" class="form_box" name="password" placeholder="確認密碼">
</div>
<div class="form_all_box form_button">
<button type="submit" class="btn_box">註冊</button>
</div>
<div class="select_btn">
<p class="ml">
<input type="checkbox" class="checkbox_style" name="select" value="10天內自動登錄" checked="checked"><span>10天內自動登錄</span>
</p>
</div>
</div>
</div>
</body>
</html>
方法二的註冊框的代碼部分。
加油！！！