<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>学习登录</title>
<style>
*{margin:0;padding:0;}
body{
background: #151517;
}
div{
width:400px;
height: 350px;
margin: 200px auto;
background: rgba(188,185,198,0.5);
border-radius: 10px;
text-align: center;
}
img{
width:80px;
border-radius: 50%;
margin-top: 30px;
}
input{
width:300px;
height: 30px;
margin-top: 15px;
border-radius: 6px;
border:none;
padding-left: 15px;
}
button{
border:none;
width:200px;
height:35px;
border-radius: 6px;
background: #151517;
color: #fff;
margin-top: 30px;
}
</style>
</head>
<body>
<div>
<img src="http://www.jf258.com/uploads/2015-05-16/193530357.jpg">
<form action="" method="">
<input type="text" name="" placeholder="请输入用户名"><br>
<input type="password" name="" placeholder="请输入密码"><br>
<button>登 录
</button>
</form>
</div>
</body>
</html>
