摘要：<!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="請(qǐng)輸入用戶名"><br>
<input type="password" name="userpass" placeholder="請(qǐng)輸入密碼"><br>
<button>登錄</button><br>
<a href="">忘記密碼</a>
<a href="">找回密碼</a>
<a href="">注冊(cè)賬號(hào)</a>
</form>
</div>
</body>
</html>
批改老師：天蓬老師批改時(shí)間：2019-01-10 08:56:34
老師總結(jié)：以后css不要這樣寫成一行, 要一個(gè)規(guī)則寫一行, 這樣方便閱讀 , 也利于添加注釋, 你寫成這樣, 考慮過閱讀人的感受嗎? 這樣的css, 你愿意看嗎?