<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.head,.message,.end,.mode:link{
color: black;
}
.head,.mode,.end:visited:{
color: red;
}
.head,.mode,.end:hover{
color: red;
}
</style>
</head>
<body>
<img src="https://misc.360buyimg.com/lib/img/e/logo-201305-b.png"/>
<div id="">
<a class="head" href="">登录页面,调查问卷</a>
</div>
<div id="">
依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版<a class="message" href="">《京东隐私政策》</a>已上线，将更有利于保护您的个人隐私。
</div>
<div id="">
京东不会以任何理由要求您转账汇款，谨防诈骗。
<div id="">
<a class="mode" href="">扫描登录</a>
<a class="mode" href="">账户登录</a>
<form action="" method="post">
<div id="">
<input type="text" name="" id="" value="" placeholder="邮箱/用户名/已验证手机"/>
</div>
<div id="">
<input type="password" name="" id="" value="" placeholder="密码"/>
</div>
<div id="">
<input type="text" name="" id="" value="" /><a class="mode" href="">看不清楚换一张</a>
</div>
<a class="mode" href="">忘记密码</a><br />
<div id="">
<input type="submit" id="" value="登录" />
</div>
<div id="">
<ul>
<li><a class="mode" href="">QQ</a>|</li>
<li><a class="mode" href="">微信</a></li>
<li><a class="mode" href="">立即注册</a></li>
</ul>
</div>
</form>
</div>
</div>
<div id="">
<a class="end" href="">关于我们</a> |
<a class="end" href="">联系我们</a> |
<a class="end" href="">人才招聘</a> |
<a class="end" href="">商家入驻</a> |
<a class="end" href="">广告服务</a> |
<a class="end" href="">手机京东</a> |
<a class="end" href="">友情链接</a> |
<a class="end" href="">销售联盟</a> |
<a class="end" href="">京东社区</a> |
<a class="end" href="">京东公益</a> |
<a class="end" href="">English Site</a> |
</div>
</body>
</html>
效果图
页面.jpg
