SOURCE

console 命令行工具 X clear 

                    

                        
>

                        
                    

                

            

            
console

            
<!DOCTYPE html>
<html lang="zh-CN">
  
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>
      Bootstrap
    </title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
    rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js">
      </script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js">
      </script>
    <![endif]-->
  </head>
  
  <body>
    <div class="container login">
      <div class="row">
        <div class="col-md-6 col-md-offset-3">
          <h3 class="text-center">
            欢迎登陆
          </h3>
          <hr />
          <div class="divider"></div>
          <form class="form-horizontal">
            <div class="form-group">
              <label class="col-sm-3  control-label">
                用户名
              </label>
              <div class="col-sm-7">
                <input type="text" class="form-control" placeholder="请输入用户名">
              </div>
            </div>
            <div class="form-group">
              <label class="col-sm-3 control-label">
                密　码
              </label>
              <div class="col-sm-7">
                <input type="password" class="form-control" id="inputPassword3" placeholder="请输入密码">
              </div>
            </div>
            <div class="form-group">
              <div class="col-sm-offset-2 col-sm-10">
                <div class="checkbox">
                  <label>
                    <input type="checkbox">
                    记住我
                  </label>
                </div>
              </div>
            </div>
            <div class="form-group">
              <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-primary">
                  &nbsp;&nbsp;登 录&nbsp;&nbsp;
                </button>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="btn btn-danger disabled">
                  &nbsp;&nbsp;注 册&nbsp;&nbsp;
                </a>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js">
    </script>
  </body>

</html>

            
/* body{background: #00d2ff; background: linear-gradient(#928DAB, #00d2ff); background: -webkit-linear-gradient(#928DAB, #00d2ff); } */
body{background: #00d2ff; background: linear-gradient( #64b3f4,#c2e59c); background: -webkit-linear-gradient(#64b3f4,#c2e59c); min-height:700px}
.login{ margin-top: 200px;}
.login h3{ margin-bottom: 20px}