LNWL9G8K6K@RTH60)_2O~)R.png
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#Sign{
background-color: darkturquoise; color: white; width: 350px; height: 30px; text-align: left; font-size: 20px;
}
#all{
left:500px ;position: absolute; top: 300px; text-align: center;
}
#a{
background-color: whitesmoke ;height: 200px;width: 350px; line-height: 40px;
}
#name{
font-size: 30px;
}
#button{
background: darkturquoise; width: 120px; height: 30px;
}
</style>
</head>
<body>
<div id="all">
<div>
<font id="name" color="#9ACD32">
小a陪诊    
</font>
<a href="">首页</a>|
<a href="">用户注册</a>
</div>
<div id="Sign" >
<p> 登录</p>
</div>
<form id="a" action="" method="get">
<font>用户名:</font>
<input type="text" name="username" id="username" value="" placeholder="请输入用户名:"/>
<br />
<font> 密码:</font>
<input type="password" name="pw" id="" value="" placeholder="请输入密码:" />
<br />
<font>验证码:</font>
<font><input size="11" type="text" name="" id="" value="" placeholder="验证码" width="50"/></font>
<button><img src="img/QQ图片20190514191401.png" /></button>
<br />
<input id="button" align="center" type="submit" value="登录"/><br />
<a href="">忘记密码?</a>
</form>
</div>
</body>
</html>