制作京东登录页面

制作京东登录页面

制作京东登录页面

header {/头部界面/
height: 100px;
background-image: url(“img/608ba4ceaa996be86f6f62c0bf3f5cd.png”);
background-repeat: no-repeat;
background-position: 120px center;
}

section {/中间界面/
width:1500px;
height: 600px;
background-image: url(“img/7190bfe778230e2858c21aee6911f0e.png”);
background-repeat: no-repeat;
background-position: 0px center;
background-size: contain;
position: relative;
}

footer {/底部界面/
height: 100px;
text-align: center;
}

section div {/登录界面/
background: white;
width: 350px;
height: 415px;
border: 1px solid black;
position: relative;
right:-890px;
top:75px;
}

input[type=image] {/登录按键图片大小/
width: 250px;
height: 30px;
}

input[type=image]:hover{/登录按钮阴影/
box-shadow:0px 5px 5px rgba(0,0,255,0.5),0 0 10px 0 rgba(0,0,0,0.2);
}
form {
width: 350px;
height: 200px;
line-height: 40px;
border: 1px dotted #C0C0C0;
padding-top: 30px;
}

section p {
margin-left: 50px;
}

h2 {
font-size: 18px;
padding-top: 50px;
padding-left: 50px;
}

h2 a {
font-size: 20px;
color: black;
}
a{/去下划线/
text-decoration: none;
color: black;
}

a:hover{/鼠标移动/
color: red;
}
div>img{/微信登录图片/
width: 335px;
height: 50px;
}
.div{
width: 1500px;
border: 1px solid black;
}

扫码登录            账户登录

账号：

密码：

自动登录      忘记密码？

关于我们  |  联系我们  |  人才招聘  |  商家入驻  |  广告服务  |  手机京东  |  友情链接  |  销售联盟  |  京东社区  |  京东公益  |  English Site  | 

Copyright ©2004-2019 京东JD.com 版权所有