<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="0.css" />
<style>
a{
color: gray;
text-decoration:none;
}
#div6{
margin: 0 auto;
background:url(img/img/bg.png) no-repeat 100% 100%;
}
</style>
</head>
<body>
<div id="div1">
<div id="div2">
<a ><img src="img/img/logo.png"></a>
<b style="margin: 10px;"><img src="img/img/l-icon.png"</b>
</div>
<div id="div3" style="outline: rgb(109.109.109);font: 15px arial,verdana;color: #666;"><img src="img/img/q-icon.png"><a target="_blank">登陸頁面宪摧，調(diào)查問卷</a></div>
</div>
<div id="div4">
<div id="div5">
<div style="display: inline-block; background-color: #fff8f0;width: 100%;">
<p style="font: 12px arial,verdana;color: #666;">
<img src="img/img/warning.png">"依據(jù)《網(wǎng)絡(luò)安全法》畏鼓，為保障您的賬戶安全和正常使用皂贩，請盡快完成手機號驗證物蝙！ 新版"<a target="_blank" style="outline: rgb(109,109,109) none 0px;">《京東隱私政策》</a>"已上線，將更有利于保護您的個人隱私"
</p>
</div>
</div>
</div>
<div id="div6" style="background-color:#dd2e13;">
<div id="div7" style="background-color: white">
<div id="div8" >
<div style="width: 90%; display: inline-block;">
<p style="font: 12px arial,verdana;color: #666;">
<img src="img/img/warning.png">
"京東不會以任何理由要求您轉(zhuǎn)賬匯款，謹防詐騙"
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
#div1{
width: 990px;
margin: auto;
}
#div2{
position: relative;
width: 300px;
margin: 10px;
height: 60px;
float: left;
}
#div3{
position: relative;
color: #999;
float: right;
top: 52px;
}
#div4{
clear: both;
margin: 0;
padding: 0;
}
#div5{
background-color: #ff8f0;
width: 100%;
padding-top: 10px;
text-align: center;
}
#div6{
position: relative;
height: 475px;
z-index: 5;
}
#div7{
float: right;
margin-top: 15px;
margin-right: 150px;
width: 346px;
height: 398px;
}
#div8{
background-color: #fff8f0;
padding: 10px;
padding-bottom: 10px;
text-align: center;
}
京東登錄頁面
