京东页面：
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">登录页面，调查问卷</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">依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！新版<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">京东不会以任何理由要求您转账汇款，谨防诈骗。</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="">关于我们 | </a></td>
<td><a href="">联系我们 | </a></td>
<td><a href="">人才招聘 | </a></td>
<td><a href="">商家入驻 | </a></td>
<td><a href="">广告服务 | </a></td>
<td><a href="">手机京东 | </a></td>
<td><a href="">友情链接 | </a></td>
<td><a href="">销售联盟 | </a></td>
<td><a href="">京东社区 | </a></td>
<td><a href="">京东公益 | </a></td>
<td><a href="">English Site</a></td>
</tr>
</table>
</div>
</body>
</html>
