<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
header{
text-indent: 5em;
}
section div{
background-image: url(../img/banner.png);
border: solid 1px white;
background-repeat: no-repeat;
background-size: cover;
width: 1600px;
height: 600px;
padding: 100px;
}
#j1{
float: right;
background: white;
width: 350px;
height:400px;
padding: 0px;
}
#p1{
color: gray;
font-size: 25px;
float: left;
}
#p2{
color: red;
font-size: 20px;
float: right;
}
#p3{
float: right;
}
#b1{
border: solid 1px red;
width: 100px;
height: 20px;
padding: 0px;
text-align: center;
}
#c1{
text-align: center;
}
</style>
</head>
<body>
<header>
<img src="../img/jingdong.png">
</header>
<section>
<div>
<div id="j1">
<span id="p1">京東會員</span>
<span id="p2"><img src="../img/icon5.jpg">立即注冊</span>
<form action="#" method="get">
<p>
<img src="../img/icon1.jpg">
<input type="text" name="userName" />
</p>
<p>
<img src="../img/icon2.jpg">
<input type="password" name="psw"/>
</p>
<p>
<input type="checkbox" value="autoLogin"/>自動登錄
<span id="p3">忘記密碼？</span>
</from>
<div id="b1">登錄</div>
</div>
</div>
</section>
<footer>
<p id="c1">關於我們| 聯系我們| 人才招聘| 商家入駐| 廣告服務|
手機京東| 友情鏈接| 銷售聯盟| 京東社區| 京東公益| English Site</p>
<p id="c1">Copyright?2004-2017 京東JD.com 版權所有</p>
</footer>
</body>
</html>
