<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*关闭所有标签默认的margin和padding*/
input::-webkit-input-placeholder { /* placeholder颜色 */
color: rgb(153,153,153);
/* placeholder字体大小 */
font-size: 17px;
/* placeholder位置 */
text-align: left;
}
</style>
</head>
<body>
<!--------------------------------------------------网页顶部图标------------------------------------------------------->
<div style="height: 100px; width: 1920px;">
<div id="" style="height:100px;width: 325px; float: left;">
</div>
<div id=""style="height: 40px; width: 1595px; float: left;">
</div>
<a href="https://www.jd.com/"><img src="img/logo.png"/ style="margin:0px 10px 0px 0px ;"></a>
<img src="img/l-icon.png"/ style="margin: 0px 710px 0px 0px;">
<a href="https://surveys.jd.com/index.php?r=survey/index/sid/568245/lang/zh-Hans" id="ask"><img src="img/q-icon.png"/ >登录页面，调查问卷</a>
</div>
<!--------------------------------------------------中上部------------------------------------------------------------------->
<div style="height: 40px; width: 1920px; background-color: rgb(255,248,240); float: left;">
<div id="" style=" float: left; margin: 7.5px 1px 0px 450px;">
<img src="img/warning.png"/ style="">
</div>
<div id="" style=" float: left; margin: 11px 0px 0px 0px;">
依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版
<a href="https://about.jd.com/privacy/" target="_blank">《京东隐私政策》</a>已上线，将更有利于保护您的个人隐私。
</div>
</div>
<!------------------------------------------------网页中部------------------------------------------------------------------------>
<div style="height: 600px; width: 1920px; background:url(img/bg_1.png) ;">
<!--<img src="img/bg_1.png"/>-->
<div style="float: left;height: 500px;width: 430px;margin-top: 10px; margin-left: 1135px;">
<div style="height: 45px;width: 430px;background-color: rgb(255,248,240);">
<div id="" style=" float: left; margin: 7.5px 1px 0px 40px;">
<img src="img/warning.png"/ style="">
</div>
<div id="" style=" float: left; margin: 11px 0px 0px 0px;">
京东不会以任何理由要求您转账汇款，谨防诈骗。
</div>
</div>
<div id=""style="height: 65px;width: 430px;background-color: rgb(255,255,255); padding-bottom: 1px;">
<div style="height: 65px;width: 214.5px; float: left;border-bottom-style: solid;border-bottom-color: rgb(244,244,244);border-bottom-width: 1px;border-right-style: solid;border-right-color: rgb(244,244,244);border-right-width: 1px;">
<h1 align="center" style="float: left;font-family:simsun;color: rgb(102,102,102);font-size: 25px;margin-left: 55px;margin-top: 25px;">扫码登录</h1>
</div>
<div style="height: 65px;width: 214.5px; float: left;border-bottom-style: solid;border-bottom-color: rgb(244,244,244);border-bottom-width: 1px;">
<h1 align="center" style="float: left;font-family:simsun;color: rgb(102,102,102);font-size: 25px;margin-left: 55px;margin-top: 25px;">账户登录</h1>
</div>
</div>
<form action="" method="get"style="height: 320px;width: 430px;background-color: white;">
<div id="" >
<img src="img/pygame.png"/ style="float: left; margin-top: 39px; margin-left: 25px; border-style: solid; border-color: rgb(189,189,189);border-width: 1px;">
<input type="" placeholder="邮箱/用户名/已验证的手机" style=" float: left;margin-top: 39px;width:330px; height: 35px;border-style: solid; border-color: rgb(189,189,189);border-width: 1px; border-left-width: 0px;"/>
</div>
<div id="">
<img src="img/password_icon.png"/ style="float: left; margin-top: 39px; margin-left: 25px; border-style: solid; border-color: rgb(189,189,189);border-width: 1px;">
<input type="" placeholder="密码" style=" float: left;margin-top: 39px;width:330px; height: 35px;border-style: solid; border-color: rgb(189,189,189);border-width: 1px; border-left-width: 0px;"/>
</div>
<div id="" style="height: 20px;width: 100px;float: right;margin-top: 25px ;">
<a href="https://aq.jd.com/process/findPwd?s=1" target="_blank" >忘记密码</a>
</div>
<div style="float: left; margin-top: 25px; margin-right: 25px;margin-left: 25px;">
<button type="submit" style="font-size: 23px;font-family:'微软雅黑';color: white; height: 40px; width: 380px; background-color: rgb(228,57,60);border-style: solid;border-width: 1px;">登 录</button>
</div>
</form>
<div id="" style="height: 65px;width: 430px;background-color: rgb(252,252,252); padding-bottom: 1px; border-top-style: solid;border-top-width: 1px;border-top-color: rgb(244,244,244);">
<div style="float: left; margin-left: 25px; margin-top: 20px; margin-right: 20px;">
<img src="img/qq.png" style="float: left;"/>
<a href="www.baidu.com">QQ</a>
</div>
<div style="float: left; margin-top: 20px; margin-left: 15px;">
<img src="img/weixin.png" style="float: left;"/>
<a href="www.baidu.com">微信</a>
</div>
<div style="float: right; margin-top: 20px;margin-right: 25px;">
<img src="img/right.png" alt="" style="float: left;"/>
<a href="https://reg.jd.com/reg/person?ReturnUrl=http%3A%2F%2Fwww.jd.com" style="float: left;">立即注册</a>
</div>
</div>
</div>
</div>
<div style="height: 130px;"></div>
</body>
</html>
效果：
![]()
捕获1.PNG
捕获1.PNG
