<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{padding:0;
margin:0;
}
form{background:lightblue;
width:200px;
padding:5px;
text-align:center;}
.c{margin-bottom:10px;
width:190px;
padding:5px;
text-indent:2em;}
label{font-size:12px;}
a{font-size:12px;
margin-left:12px;}
p{background-image:url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg);
width:190px;
height:38px;
margin:10px auto;}
.c2{background-position:0 -38px;
}
</style>
</head>
<body>
<div>
<form>
<input class="c" type="text" placeholder="邮箱/手机号/用户名" />
<input class="c" type="password" placeholder="请输入密码" />
<input type="checkbox" id="zd" />
<label for="zd">下次自动登录</label>
<a href="#">忘记密码？</a>
<p>
<botton class="c1"></botton>
<hr />
<botton class="c2"></botton>
</p>
</form>
</div>
</body>
</html>
