京東頁面：
QQ圖片20190516101313.png
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#picture{
position: absolute;
left: 20px;
}
#anwser{
position: absolute;
right: 35px;
top:60px;
}
#content1{
font-size: 10px;
color: darkgrey;
}
a{
text-decoration:none;
text-align: center;
}
#button1{
width: 49%;
height: 55px;
background: none;
border: none;
font-size:25px;
font-family: "黑體";
}
button:hover{
color: red;
}
input{
height: 37px;
width: 250px;
}
img{
vertical-align: middle;
vertical-position: center;
}
#form1{
line-height: 30px;
}
</style>
</head>
<body>
<div style="background-color: white;width: 100%;height: 80px;" >
<div id="picture">
<img src="img/logo.png"/>
<img src="img/l-icon.png"/>
</div>
<div id="anwser">
<img src="img/q-icon.png"/>
<font id="content1">登錄頁面，調(diào)查問卷</font>
</div>
</div>
<div style="background-color: papayawhip;width: 100%;height: 45px; line-height: 45px; text-align: center;" >
<img src="img/warning.png" style="vertical-align: ;"/>
<font id="content1">依據(jù)《網(wǎng)絡(luò)安全法》，為保障您的賬戶安全和正常使用，請盡快完成手機號驗證！新版<a href="">《京東隱私政策》</a>已上線，將更有利于保護您的個人隱私 </font>
</div>
<div style="background:url(img/bg.png);width: 100%;height: 475px; position: relative;">
<div style="background-color: white;width: 350px;height: 425px;position: absolute;top: 15px;right:25px;">
<div style="background-color: papayawhip; width:100%; height:45px; text-align: center; line-height: 45px;">
<img src="img/warning.png" style="vertical-align: ;"/>
<font id="content1">京東不會以任何理由要求您轉(zhuǎn)賬匯款，謹(jǐn)防詐騙。</font>
</div>
<font><button id="button1">掃碼登錄</button></font>
<font><button id="button1">賬戶登錄</button></font>
<form action="" method="get" id="form1">
<div id="" style=" text-align: center;">
<br />
<img src="img/pygame.png"/>
<input type="text" name="user" id="" value="" placeholder="郵箱/用戶名/已驗證手機"/>
<br />
<br />
<img src="img/password_icon.png" align="absmiddle"/>
<input type="password" name="pw" placeholder="請輸入密碼" />
<br />
</div>
<a href="" style="position: absolute; right: 20px; line-height:60px" id="content1">忘記密碼</a>
<input type="submit" value="登 錄"
style="background-color:#FF0000; text-align: center; position: absolute;bottom: 80px;right:50px; font-size: 18px; color: white;"
/>
</form>
<div id="" style="background-color:beige; width: 100%;min-height: 45px; position: absolute; bottom: 0px;">
<div id="" style="position: absolute; left: 15px;bottom: 10px; ">
<img src="img/qq.png" id="content1"/ >qq |
<img src="img/weixin.png" id="content1"/>微信
</div>
<div id="" style="position: absolute; bottom: 10px; right: 15px;">
<img src="img/right.png"/>
<font id="content1">立即注冊</font>
</div>
</div>
</div>
</div>
<div style="background-color: white; width: 100%; height:60px; text-align: center; line-height:60px;">
<table border="0" cellspacing="" cellpadding="" id="content1" style=" text-align: center; line-height: 60px; position: absolute; left: 300px;" >
<tr>
<td><a href="">關(guān)于我們 | </a></td>
<td><a href="">聯(lián)系我們 | </a></td>
<td><a href="">人才招聘 | </a></td>
<td><a href="">商家入駐 | </a></td>
<td><a href="">廣告服務(wù) | </a></td>
<td><a href="">手機京東 | </a></td>
<td><a href="">友情鏈接 | </a></td>
<td><a href="">銷售聯(lián)盟 | </a></td>
<td><a href="">京東社區(qū) | </a></td>
<td><a href="">京東公益 | </a></td>
<td><a href="">English Site</a></td>
</tr>
</table>
</div>
</body>
</html>
