abstract：<!doctype html><html><head> <title>登錄</title> <style type="text/css"> &n
<!doctype html>
<html>
<head>
<title>登錄</title>
<style type="text/css">
*{padding:0px;margin:0px;}
.dl{width:450px;height:350px;background:#wihite;margin:300px auto;border-radius:10px;box-shadow:0px 5px 40px #ccc;}
.d01{padding-top:40px;padding-bottom:35px;}
.d02{padding-left:25px;}
input{width:310px;height:45px;font-family:黑體;font-size:20px;margin-top:20px;padding-left:20px;}
button{width:165px;height:45px;font-family:楷體;font-size:30px;border:none;border-radius:5px;margin-top:20px;}
.login{background:#317ef3;color:white;}
.reg{background:#d6e6f7;color:#319be6;}
a{text-decoration:none;color:black;}
a:hover{color:#3182d9;text-decoration:underline;}
span{font-family:宋體;font-size:25px;font-weight:bold;}
</style>
</head>
<body>
<div>
<div class="dl" align="center">
<div class="d01">
<span><a href="#">微信掃碼登錄</a></span>
<span class="d02"><a href="#">帳號密碼登陸</a></span>
</div>
<div>
<div><input type="text" name="name" placeholder="請輸入用戶名"></div>
<div><input type="password" name="pwd" placeholder="請輸入密碼"></div>
</div>
<div>
<button class="login">登錄</button>
<button class="reg">注冊</button>
</div>
</div>
</div>
</body>
</html>
// 還是沒有搞清楚如何高亮； ：（ 這次寫的登錄頁面，感覺在寫代碼的時候命令和用法都不熟悉，在寫的過程中需要翻看之前的筆記，偶爾還需要百度一下?？傮w感覺進(jìn)步還是很明顯的，真的沒有想到通過幾天的學(xué)習(xí)，可以寫出這樣登錄頁面。繼續(xù)努力，繼續(xù)碼代碼。希望這次能夠堅持學(xué)習(xí)下去。
Correcting teacher：天蓬老師Correction time：2018-12-06 15:49:14
Teacher's summary：代碼寫多了,就是手感了, 就是多寫,多看,多練, 別想太多,頭腦簡單,重復(fù)再重復(fù),你會突然有一天發(fā)現(xiàn),你已經(jīng)很牛了