*{
margin : 0;
padding : 0;
overflow:hidden;
}
body {
font-size:12px;
font-family:"宋体";
background : #a2d962 url("img/login_03.gif") repeat-x;
}
#main{
position : absolute;
top : 50%;
left : 50%;
margin : -166px 0 0 -242px;
width : 483px;
height : 252px;
background-color : #f1f3cd;
}
#main .top{
position : relative;
width : 483px;
height : 97px;
background : url("img/login_04.gif") no-repeat;
}
#main .mid{
position : relative;
width : 233px;
height : 95px;
background : url("img/login_06.gif") no-repeat;
float : left;
}
#main .mid2{
position : relative;
width : 183px;
height : 95px;
background : url("img/login_07.gif") no-repeat;
float : left;
}
#main .mid2 .name{
position : relative;
margin-left : 5px;
margin-top : 5px;
width : 120px;
height : 15px;
}
#main .mid2 .psw{
position : relative;
margin-left : 5px;
margin-top : 15px;
width : 120px;
height : 15px;
}
#main .mid2 label {
width : 30px;
}
#main .mid2 .dl{
margin-left : 85px;
margin-top : 10px;
width : 40px;
height : 22px;
border : solid 1px #a2d962;
background : url("img/dl.gif") no-repeat;
cursor:pointer;
}
#main .mid2 .cz{
margin-top : 10px;
width : 40px;
height : 22px;
border : solid 1px #a2d962;
background : url("img/cz.gif") no-repeat;
cursor:pointer;
}
#main .mid3{
position : relative;
width : 67px;
height : 95px;
background : url("img/login_08.gif") no-repeat;
float : left;
}
#main .bottom{
position : relative;
width : 483px;
height : 60px;
background : url("img/login_09.gif") no-repeat;
float : left;
}
css实现登陆界面的代码
5星 · 超过95%的资源 需积分: 32 82 浏览量
2012-12-22
15:32:50
上传
评论
收藏 42KB RAR 举报 
登陆界面一（2012-12-22）.rar （10个子文件） 
登陆界面一（2012-12-22） img 
cz.gif 1KB login_06.gif 12KB login_09.gif 4KB login_04.gif 13KB login_03.gif 5KB login_07.gif 2KB dl.gif 1KB login_08.gif 2KB
login.jsp 1KB login.css 2KB
- 1
- 2
- 3
- 4
前往页