摘要：<!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>
// 还是没有搞清楚如何高亮； ：（ 这次写的登录页面，感觉在写代码的时候命令和用法都不熟悉，在写的过程中需要翻看之前的笔记，偶尔还需要百度一下。总体感觉进步还是很明显的，真的没有想到通过几天的学习，可以写出这样登录页面。继续努力，继续码代码。希望这次能够坚持学习下去。
批改老师：天蓬老师批改时间：2018-12-06 15:49:14
老师总结：代码写多了,就是手感了, 就是多写,多看,多练, 别想太多,头脑简单,重复再重复,你会突然有一天发现,你已经很牛了
