手机验证注册html页面图片,手机验证登录页面

* {

margin:0;

padding:0;

}

html,body {

height:100%;

}

.login-bg {

height:100%;

background-image:linear-gradient(160deg,#b100ff 20%,#00b3ff 80%);

position:relative;

}

.content {

position:absolute;

width:320px;

height:400px;

background:rgba(255,255,255,.9);

border-radius:10px;

top:50%;

left:50%;

margin-left:-160px;

margin-top:-230px;

padding:10px 20px;

box-sizing:border-box;

}

.title h2 {

font-size:22px;

line-height:60px;

color:#333;

font-weight:bold;

text-align:center;

}

.login-center {

height:50px;

border-radius:5px;

border:1px solid #00ACED;

margin-bottom:30px;

line-height:50px;

padding:0 10px;

box-sizing:border-box;

}

.login-center .t-name {

font-size:14px;

float:left;

height:100%;

width:58px;

}

.login-center .inp {

font-size:14px;

float:left;

border:none;

background:transparent;

height:100%;

outline:none;

}

.login-center .inp.code-inp {

width:120px;

}

.login-center .get-code {

float:right;

height:100%;

}

.login-center .get-code .code-btn {

color:#a07941;

font-size:12px;

border:1px solid #a07941;

border-radius:5px;

padding:5px;

box-sizing:border-box;

cursor:pointer;

}

.login-button {

background-color:#1e90ff;

height:50px;

border-radius:5px;

font-size:18px;

color:#fff;

text-align:center;

line-height:50px;

cursor:pointer;

}