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

                                </p>     

                            </div>     

                        </div>     

                    </div>     

                </div>     

            </div>     

        </div>     

    </div>     

</body>     

</html>    

CSS代码：

CSS Code复制内容到剪贴板

body{     

    min-width: 1200px;     

    background-color: #e7e8eb;     

    font-family: "Microsoft YaHei","微软雅黑"，Helvetica,"黑体"，Arial,Tahoma;     

    font-size: 14px;     

    line-height: 1.6;     

    margin: 0;     

}       

.head_box{     

    position: relative;     

    background-color: #fff;     

    border-top: 4px solid #44b549;     

    border-bottom: 1px solid #d9dadc;     

}     

.head_box .inner.wrp{     

    width: 1200px;     

    margin-left: auto;     

    margin-right: auto;     

}     

.head_box .inner{     

    height: 60px;     

}     

.logo{     

    float: left;     

    padding-top: 8px;     

    font-size: 24px;     

}     

.logo a{     

    display: block;     

    width: 248px;     

    height: 40px;     

    overflow: hidden;     

    text-decoration: none;     

    color: #595959;     

    margin-top: -15px;     

}     

.account{     

    float: rightright;     

    padding-top: 10px;     

}     

.account_meta{     

    display: inline-block;     

    vertical-align: top;     

    font-size: 14px;     

}     

.account_meta a{     

    text-decoration: none;     

    color: #222;     

    display: inline-block;     

    margin-top: 18px;     

}     

#body{     

    width: 1200px;     

    margin-left: auto;     

    margin-right: auto;     

    padding: 2.5em 0 3.5em;     

}     

.container_box{     

    min-height: 650px;     

    overflow: hidden;     

（编辑：焦作站长网）

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