abstrakt：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>小米登錄頁面</title><link rel="stylesheet" href=""><style>a{text-decorat
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>小米登錄頁面</title>
<link rel="stylesheet" href="">
<style>
a{text-decoration: none;}
.clear{clear:both;}
.header{width: 1226px;height: 100px;margin:0px auto;line-height: 90px;padding-left:175px;}
.content{width: 100%;height: 580px;background-image: url(https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/93669e3fa2baa668227d699f69788fd6.jpg);}
p{width: 1226px;height: 40px;margin: 0px auto;line-height: 40px;text-align: center;color: #757575;}
span{font-size: 14px;margin: 0px 15px;}
.login_content{width: 1226px;height: 500px;margin: 0px auto;}
.login_form{width: 400px;height: 520px;float: left;background: white;margin: 30px 50px;}
.login_form_main{width: 330px;margin: 25px auto;}
.login_form_main p{font-size: 21px;text-align: center;color: #757575;float: left;line-height: 50px;width: 140px;height: 50px;}
.login_form_main span{font-size: 28px;float: left;height: 43px;line-height: 43px;color: #e0e0e0;}
input{width: 328px;height: 28px;padding: 10px;margin: 10px 25px;}
.login_form_input{margin-top:25px;}
button{border: none;width: 350px;display: block;height: 50px;background: orange;margin: 15px auto;color: white;}
.login_form_input h6{font-weight: 300;width: 350px;margin: 0px auto;height: 300px;line-height: 25px;}
.login_form_input h6>span{float: right;color: }
.wj:hover{background: red;}
.lj:hover{background: red;}
.sj:hover{background: red;}
</style>
</head>
<body>
<div>
<a href="./index.html"><img src="file:///C|Users/Administrator/Desktop/navigation/img/xmlogo.png
" alt=""></a>
</div>
<div>
<div>
<div>
<div>
<p style="color:orange;">賬號登錄</p>
<span>|</span>
<p>掃碼登錄</p>
</div>
<div></div>
<div>
<form action="">
<input type="text" name="username" id="" placeholder="手機(jī)號號/小米ID"><br>
<input type="password" name="password" id="" placeholder="密碼"><br>
<button>登錄</button>
</form>
<h6><a href="" >手機(jī)短信登錄/注冊</a>
<span><a href="">立即注冊</a> | <a href="">忘記密碼？</a></span></h6>
<hr style="margin-top:-160px;">
</div>
</div>
</div>
</div>
<p style="margin-top:60px;">簡體<span>|</span>繁體<span>|</span>English<span>|</span>常見問題<span>|</span>隱私政策</p>
<p style="margin-top:30px;">小米公司版權(quán)所有-京ICP備10046444-<img src="https://account.xiaomi.com/static/res/9204d06/account-static/respassport/acc-2014/img/ghs.png" alt="">京公網(wǎng)安備11010802020134號-京ICP證110507號</p>
</body>
</html>
///剩下的搞不明白 以后慢慢搞
Korrigierender Lehrer：韋小寶Korrekturzeit：2019-01-21 16:12:03
Zusammenfassung des Lehrers：布局這些東西多練習(xí) 就可以明白了 一定要在不懂的地方多下點功夫