摘要：<!DOCTYPE html><html><head><meta charset="UTF-8"><link rel="stylesheet" type="text/css" href="static/font-awesome/css/font-awesome.min.css
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="static/font-awesome/css/font-awesome.min.css">
<title>QQ登錄面板</title>
<style type="text/css">
*{
margin: 0;padding: 0;
}
body{
background: #272822;
}
.box{
width: 430px;height: 330px;background: #fff;margin: 150px auto;border-radius: 5px;
}
.top{
width: 430px;height: 60px;background: #644CFF;
}
.top1{
width: 100px;height: 30px;float: left;padding: 5px;color: #fff;
}
ul{list-style: none;}
li{
float: right;margin: 0 5px;width: 20px;height: 20px;text-align: center;margin-top: 5px;
}
a{color: #fff;text-decoration: none;}
.lw:hover{background: red;}
img{
width:60px;height:60px;border-radius:50%;margin: 10px auto;
}
.bottom{
text-align: center;/*background: #353D64;*/
}
.ww{
width: 240px;height:25px;margin-bottom:10px;padding:5px;border-radius:5px;border:none;border-bottom:1px solid #ccc;padding-left: 15px;
}
.ss{
font-size: 14px;height: 20px;line-height: 20px;color:#ccc;
}
.a{
color: #ccc;
}
.a:hover{
color: #000;
}
button{
background:#0CBDFB;width:250px;height:36px; border:none;border-radius:5px;margin-top:5px;
font-size: 18px;
}
.clear{clear: both;}
</style>
</head>
<body>
<div>
<div>
<div><i class="fa fa-qq" aria-hidden="true"></i>QQ</div>
<div>
<ul>
<li><a href="#"><i class="fa fa-times" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-minus" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-cog" aria-hidden="true"></i></a></li>
</ul>
</div>
<div></div>
</div>
<div>
<img src="static/img/lw.PNG">
<form>
<i class="fa fa-qq " aria-hidden="true" style="color: #ccc;"></i>
<input type="text" name="" placeholder="請輸入QQ賬號..."><br>
<i class="fa fa-lock" aria-hidden="true" style="color: #ccc;width: 16px;"></i>
<input type="password" name="" placeholder="請輸入密碼..."><br>
<div>
<span style="margin-right: 25px;"><input type="checkbox" name="">自動登錄</span>
<span style="margin-right: 25px;"><input type="checkbox" name="">記住密碼</span>
<a href="#">找回密碼</a>
</div>
<button>登 錄</button>
</form>
<a href="#" style="font-size: 14px; margin-left: -350px;">注冊賬號</a>
</div>
</div>
</body>
</html>
批改老師：滅絕師太批改時間：2019-03-20 09:30:39
老師總結(jié)：不可以拿直播課過來充數(shù),好好完成vip作業(yè)!