摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>QQ登录界面</title> <style type="text/css"> *{padding: 0px;marg
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>QQ登录界面</title>
<style type="text/css">
*{padding: 0px;margin:0px;}
div{height:350px; width:300px;border: 1px solid #ccc;box-shadow: 10px 5px 20px #ccc; margin: 0px auto; background:#DCE0E8;}
input{height:38px; width:228px;/*margin-top: 30px; margin-left: 23.5px;*/margin: 30px 23.5px 8px; border: 1px solid #ccc;padding: 10px;}
button{height:60px; width:250px;/*margin-top:30px;margin-left: 23.5px;*/margin: 30px 23.5px 8px;border: none;background:#FF6A00;color:#fff}
button:hover{background:#FF2C00;}
a{display:inline-block;text-decoration: none;margin-left: 23.5px;margin-top: 20px;/*margin: 20px 23.5px 8px;*/}
a:hover{color: #B2B5BD;text-decoration: underline;}
</style>
</head>
<body>
<div>
<form>
<input type="text" name="username" placeholder="请输入用户名"><br>
<input type="password" name="userpass" placeholder="请输入密码"><br>
<button>登录</button><br>
<a href="">忘记密码</a>
<a href="">找回密码</a>
<a href="">注册账号</a>
</form>
</div>
</body>
</html>
批改老师：天蓬老师批改时间：2019-01-10 08:56:34
老师总结：以后css不要这样写成一行, 要一个规则写一行, 这样方便阅读 , 也利于添加注释, 你写成这样, 考虑过阅读人的感受吗? 这样的css, 你愿意看吗?
