<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>京东-欢迎登陆</title>
<link rel="icon" type="image/ico" href="img/jd_logo.ico"/>
<style type="text/css">
body{
margin: 0px;
padding: 0px;
}
#login_img{
margin-left: 265px;
margin-top: 3px;
float: left;
}
#login_word{
font-size: 24px;
/*font-weight: bold;*/
margin-left: 23px;
margin-top: 24px;
float: left;
color: dimgray;
}
#login_href{
float: right;
margin-right: 255px;
margin-top: 40px;
font-size: 13px;
}
#message{
background-color: floralwhite;
float: left;
height: 40px;
width: 100%;
font-size: 13px;
color: lightgray;
}
#message_img{
margin-left: 366px;
height: 16px;
margin-top: 8px;
float: left;
}
#message_word{
margin-top: 13px;
font-size: 13px;
color: darkgrey;
}
.href{
text-decoration: none;
}
#login_box{
background-color: white;
height: 400px;
width: 350px;
position: absolute;
top: 51px;
right: 270px;
}
</style>
</head>
<body>
<!--第一格-->
<div style="height: 70px;">
<div id="login_img">
<img src="img/logo-201305-b.png"/>
</div>
<div id="login_word">
<font >欢迎登录</font>
</div>
<div id="login_href">
<a class="href" href="https://surveys.jd.com/index.php?r=survey/index/sid/568245/lang/zh-Hans"><img src="img/message_image.png" height="17px";"/>登陆页面,调查问卷</a>
</div>
</div>
<!--第二格-->
<div id="message" style="height: 40px;">
<div id="message_img">
<img src="img/15579.jpg" height="25px" width="25px"/>
</div>
<div id="message_word">
<font >依据《网络安全法》,为保障您的账户安全和正常使用,请尽快完成手机号验证! 新版<a class="href" href="https://about.jd.com/privacy/">《京东隐私政策》</a>已上线,将更有利于保护您的个人隐私。</font>
</div>
</div>
<!--第三格-->
<div id="" style="height: 550px;position: relative;">
<div id="login_box">
<div id="" style="background-color: floralwhite ; width: 100%;">
<div style="height: 13px;width: 5px;margin-left: 20px;">
<img src="img/15579.jpg"/>
</div>
<font style="font-size: 12px; margin-left:48px ;margin-top: 0px; color: darkgray;">京东不会以任何理由要求您转账汇款,谨防诈骗。</font>
</div>
<div style="float: left;margin-left: 40px; margin-top: 18px; ">
<font size="4" color="#696969"><a class="href" href="">扫码登陆</a></font>
</div>
<div " style="float: right;margin-right: 50px; margin-top: 18px;">
<font size="4" color="#696969"><a class="href" href="">账户登陆</a></font>
</div>
<hr style="margin-top: 60px; border-top:1px solid gainsboro;"/>
<form action="" method="get">
<input type="text" name="user_name" id="user_name" value="" placeholder="邮箱/用户名/已验证手机" style="position: relative; height: 40px;width: 250px;margin-left: 20px; margin-top: 20px;background-image: url(img/sadaiu.png);background-repeat: no-repeat;background-size: 43px;padding-left: 53px;"/>
<input type="password" name="user_name" id="user_name" value="" placeholder="密码" style="position: relative; height: 40px;width: 250px;margin-left: 20px; margin-top: 20px;background-image: url(img/233131.png);background-repeat: no-repeat;background-size: 43px;padding-left: 53px;"/>
<div style="float: right;margin-top:17px;margin-right: 10px;">
<font style="font-size: 13px;color: #696969;"><a class="href" href="https://aq.jd.com/process/findPwd?s=1">忘记密码</a></font>
</div>
<input type="submit" value="登陆" style="margin-top: 26px;margin-left:18px; width: 300px;height: 40px; color: white;background-color:#DC143C; font-size: 20px;"/>
</form>
<hr style="margin-top: 20px; border-top:1px solid gainsboro;"/>
<a href="https://graph.qq.com/oauth2.0/show?which=Login&display=pc&response_type=code&state=DB68F3388813C8077125DD3C7161C631813889DB3246460CDE1E20D5B3EB929F3397D2E456E33BD627A5E1F7E240870E&client_id=100273020&redirect_uri=https%3A%2F%2Fqq.jd.com%2Fnew%2Fqq%2Fcallback.action%3Fview%3Dnull%26uuid%3Dc5c9b4028b444eefb6dad6de320e195b" class="href" >
<img src="img/wechat.png" height="25px" width="22px" style="margin-left: 13px;"/>
<font style="font-size: 12px;">QQ</font>
</a>
<font style="color: #696969; margin-left: 8px;">|</font>
<a href="https://open.weixin.qq.com/connect/qrconnect?appid=wx827225356b689e24&state=AE9DC8537F02F4AC6225472B9A6DE5579D678F7F4816F027A439033A15B4E121400426443BF9BBE10D3F8B47740565C1&redirect_uri=https%3A%2F%2Fqq.jd.com%2Fnew%2Fwx%2Fcallback.action%3Fview%3Dnull%26uuid%3D6482b547749448a9b6a5256e962e7da2&response_type=code&scope=snsapi_login#wechat_redirect" class="href" >
<img src="img/qq.png" height="25px" width="22px" style="margin-left: 13px;"/>
<font style="font-size: 12px;">微信</font>
</a>
<a class="href" href="https://reg.jd.com/reg/person?ReturnUrl=http%3A%2F%2Fwww.jd.com" style="float: right;">
<img src="img/1111.png" style="height: 19px;"/>
<font style="font-size: 14px;color:#DC143C ; margin-right: 15px;margin-top: 16px;">立即注册</font>
</a>
</div>
<img src="img/23456.png" width="100%" height="485px" style="display: block;"/>
</div>
<div id="bottom_message" style="position: absolute;margin-left: 350px;">
<a href="https://www.jd.com/" class="href" style="font-size: 12px;color: #696969;">关于我们  |</a>
<a href="https://www.jd.com/" class="href" style="font-size: 12px;color: #696969;">联系我们  |</a>
<a href="https://www.jd.com/" class="href" style="font-size: 12px;color: #696969;">人才招聘  |</a>
<a href="https://www.jd.com/" class="href" style="font-size: 12px;color: #696969;">商家入驻  |</a>
<a href="https://www.jd.com/" class="href" style="font-size: 12px;color: #696969;">广告服务  |</a>
<a href="https://www.jd.com/" class="href" style="font-size: 12px;color: #696969;">手机京东  |</a>
<a href="https://www.jd.com/" class="href" style="font-size: 12px;color: #696969;">友情链接  |</a>
<a href="https://www.jd.com/" class="href" style="font-size: 12px;color: #696969;">销售联盟  |</a>
<a href="https://www.jd.com/" class="href" style="font-size: 12px;color: #696969;">京东社区  |</a>
<a href="https://www.jd.com/" class="href" style="font-size: 12px;color: #696969;">京东公益  |</a>
<a href="https://www.jd.com/" class="href" style="font-size: 12px;color: #696969;">English Site</a>
</div>
<div id="end" style="position: absolute;margin-top: 30px; margin-left: 600px;">
<font style="font-size: 11px;color: #696969;">Copyright © 2004-2019 京东JD.com 版权所有</font>
</div>
</body>
</html>
成品

jddddd.png