Div+CSS仿微信公众平台登录页面

    background: transparent url(/images/weixin2.png) no-repeat 0 0;     

}     

.login_panel_hd .inner{     

    padding: 24px;     

}     

.login_panel_hd .system_info{     

    position: relative;     

    margin-left: 120px;     

    color: #fff;     

}     

dt{     

    font-size: 22px;     

}     

dd{     

    font-size: 16px;     

    margin: 0px;     

}     

.login_panel_bd{     

    margin: 0 50px;     

}     

.login_panel_bd .wxlogin_wrp{     

    text-align: center;     

}     

.login_panel_bd .wxlogin_desc{     

    margin-bottom: 20px;     

}     

.login_panel_bd .wxlogin_desc h3{     

    font-weight: 400;     

    font-style: normal;     

    font-size: 16px;     

    margin: 0;     

}     

.login_panel_bd .wxlogin_desc p{     

    margin: 0px;     

}     

.login_panel_bd .wxlogin_wrp .wxlogin_opr .btn_line{     

    padding-bottom: 20px;     

}     

.btn{     

    min-width: 60px;     

    display: inline-block;     

    overflow: visible;     

    padding: 0 22px;     

    line-height: 30px;     

    vertical-align: middle;     

    text-align: center;     

    font-size: 14px;     

    border-width: 1px;     

    border-style: solid;     

    cursor: pointer;     

    color: #fff;     

}     

.btn_primary{     

    background-color: #44b549;     

}     

.icon_wxlogo_inbtn{     

    vertical-align: middle;     

    margin-right: 5px;     

    border: 0;     

}     

a{     

    text-decoration: none;     

    color: #459ae9;     

    outline: 0;     

}    

总结：

css中的vertical-align:middle;表示垂直居中的意思

line-height: 30px;表示行高30px;

overflow: visible/hidden;表示溢出的部分可见/隐藏

border-radius: 3px;表示圆角边框的半角为3px。

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!