HTML5 CSS如何简单制作出登录界面（有源码）

1.作品展示

2.代码展示 

2.1 标题

 <!-- 标题 -->
  <div class="wrapper">
    <div class="title">
      <h1>智能会议室系统</h1>
    </div>
  </div>

/* 头部 */
.wrapper {
  position: relative;
  color: #ffffff;
  height: 100px;
}

.title {
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translate(-50% , -50%)
  
}

.wrapper .title h1 {
  color: #4087f7;
  font-size: 32px;
}

2.2 背景图

<!-- 图片背景 -->
  <div class="prompt">
    <div class="logo_title">
      <span>管理人登录</span>
    </div>
  </div>

2.3 登录

  <!-- 登录 -->
  <div class="bt">
    <div class="content">
      <!-- 提示信息 -->
      <div class="znhyszh">
        请使用管理人账号登录
      </div>
      <!-- 表单 -->
      <div class="cr_top">
        <form action="">
          <!-- 账号 -->
          <div class="ct_input">
            <!-- <span class="img-zhanghao">123</span> -->
            <input type="text" placeholder="账号" class="input_text">
          </div>

          <!-- 密码 -->
          <div class="ct_input">
            <!-- <span class="img-zhanghao">121</span> -->
            <input type="password" placeholder="密码" class="input_text">
          </div>

          <!-- 按钮 -->
          <div class="ct_input">
            <button>登录</button>
          </div>
        </form>
        <div class="handle">
          <a class="mima" href="#">找回密码</a>
          <a class="zhuce" href="#">注册</a>
        </div>
      </div>
      </div>
    </div>
  </div>

HTML代码完整，css代码不全，需要请私信。