今天用css做了一个QQ登录页面

body{

  width:500px;

  height:300px;

  background-color:#BCEAFF;

}

#a1{

  position: absolute;  

  top: 50%;  

  left:50%; 

  margin: -150px 0 0 -150px;  

  width: 200px;  

  height: 300px;

         }

#a1 h1{

  color:white;

  text-shadow:0 0 10px;

  text-align:center;

}

h1{  

    font-size:30px;  

    margin: 0.67em 0;

   }

table{

  background-color:#72C1F2;

  border:1px solid #bbb;

  width:511px;

  height:350px;

  margin:80px 380px ;

}

input{  

    width: 200px;  

    height: 18px;  

    margin-bottom: 10px;    

    padding: 10px;  

    font-size: 13px;  

    color: #fff;  

    text-shadow:1px 1px 1px;  

    border:1px solid #56536A;  

    border-radius: 10px 0px 10px 10px;  

    background-color: #D9E4FC;  

}  

#a2{  

    width: 223px;  

    min-height: 22px;  

    display: block;  

    background-color: #00AEFF;  

    border: 1px solid #3762bc;  

    color: #fff;  

    padding: 9px 14px;  

    font-size: 15px;  

    border-radius: 0px 10px 0px 10px;  

} 

#p1{

  border:1px solid #aaa;

  vertical-align:top;

  width:80px;

  height:80px;

}

form{

  border-radius:10px;

  color:white;

}

有

妖

气

#c4{

padding-bottom:4px;

border-bottom:2px solid #A1859F;

width:300px;

background:url(9.png) repeat-x bottom;

}

#c1{

font-size:70px;

font-family:Arial;

color:#B7B170;

}

#c2{

font-size:70px;

color:#56D097;

}

#c3{

font-size:70px;

color:#E6CDA6;

}

body{

background-color:#4A374A;

}

今天用css做了一个QQ登录页面