菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 梁洁-20221022-项目实战第四天 [打印本页]

作者: 梁杰，你好 时间: 2022-10-24 09:57
标题: 梁洁-20221022-项目实战第四天
   <div class="login-body w clearfix">

                  <div class="login-form">
                     <div class="login-type clearfix">
                        
                        <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;
}

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)