<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>作业</title>
<style>
*{font-family:"微软雅黑"; font-size:14px; color:#2e2e2e;}
form,input,button,a,span{padding:0; margin:0;}
body{background-color:#CCC; padding:0; margin:0;}
form{width:210px; height:252px; background-color:#9FF; border:10px solid #fff; margin:80px auto 0;}
.username{width:190px; height:36px; display:block; margin:12px auto 0;
border:1px solid #aab2c5;
border-radius: 6px;}
.password{width:190px;height:36px;display:block;margin:-4px auto 0;
border:1px solid #aab2c5;
border-radius: 6px;}
.select{width:16px;height:16px;display:block; margin:-10px 2px 0 9px; float:left;
border:1px solid #aab2c5;
border-radius: 4px;}
span{display:block;float:left; margin:-12px 2px 0 2px; font-weight:400;}
a{display:block;float:right; margin:-12px 5px 0 2px; color:#0057a8;font-weight:400;}
.logoin,.register{ background:url(http://img.mukewang.com/539a972b00013e9102280177.jpg) no-repeat; display:block; width:190px;height:38px;margin:0 auto; border:none;}
hr{width:186px; text-align:center; size:auto;}
.register{background-position:0 -38px;}
</style>
</head>
<body>
<form>
<input class="username" type="text" name="username" value="" placeholder=" 邮箱/手机号/用户名"/><br>
<input class="password" type="text" name="password" value="" placeholder=" 请输入密码"/><br>
<input class="select" type="checkbox" name="logoinnexttime" calue="">
<span>下次自动登录</span>
<a>忘记密码？</a>
<br>
<input class="logoin" type="submit" name="logoin" value="">
<hr color="#cfcfcf">
<button class="register" type="button" name="register" value="" ></button>
</form>
</body>
</html>
不错不错，下次自动登录改成lable会更好些