梁洁-20221022-项目实战第四天

     <div class="login-body w clearfix">


                    <div class="login-form">
                        <div class="login-type clearfix">
                            <!-- #e4393c -->
                            <a href="">扫码登录</a> <a href="" class="hou">账户登录</a>
                        </div>
                        <form action="">
                            <!-- 用户名 -->
                            <div class="username clearfix">
                                <span class="iconfont icon-denglu"></span>
                                <input type="text" placeholder="请输入用户名">
                            </div>
                            <!-- 密码 -->
                            <div class="password clearfix">
                                <span class="iconfont icon-mima"></span>
                                <input type="password" placeholder="请输入密码">
                            </div>


                            <div class="forgot-password">
                                <a href="">忘记密码</a>
                            </div>
                            <div class="login-in">
                                <a href="" class="login-button">登 &emsp; &emsp;录</a>
                            </div>
                            <div class="zhuce">
                                <a href="./register.html">注&emsp;&emsp;册</a>
                            </div>
                        </form>
                    </div>

        </div>
.login-body{
    position: relative;
    width: 1300px;
    height: 500px;
    background:url(../images/618.webp) no-repeat;
    background-size: cover;

}
.login-form{
    position: absolute;
    left: 50%;
    margin-left:-173px;
    top: 50%;
    margin-top:-155px;
    width: 346px;
    height:310px;
    background-color:#fff;
}

.login-form input{
    float: left;
    width: 250px;
    height: 38px;

    border: 1px solid  #BDBDBD;
    border-left: 0;
}
.login-form span{
    float: left;
    width: 39px;
    height: 38px;
    background-color: #f4f4f4;
    border: 1px solid  #BDBDBD;
    border-right: 0;
    text-align: center;
    line-height: 38px;
}
.login-form .username{
    margin-left: 27.5px;
    margin-bottom: 20px;

}
.login-form .password{
    margin-left:27.5px;

}
.login-type{
    height: 55px;
    border: 1px solid #F4F4F4;
    margin-bottom: 20px;
}
.login-type a{

    float: left;
    width: 170px;
    font-size: 18px;
    font-weight: 700;
    border-right:#F4F4F4 1px solid;
    text-align: center;
    margin: 13.5px 0;
}