简单的登陆页面

原创 2019-01-04 21:27:43 260
摘要:<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <link rel="stylesheet" href="">   &nbs

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <link rel="stylesheet" href="">
   <title>登陆页面</title>
</head>
<style>
   *{margin:0px;padding:0px;}
   body{background:#3C8DBC;}
   .d{
       width:300px;
       height:300px;
       background: white;
       border:1px solid #ccc;
       border-radius: 8px;
       margin-left: 800px;
       margin-top:250px;
   }
   form{
       padding-top:20px;
       text-align: center;
       /*padding-left:2px;*/
       /*margin: 20px 0px;*/
}
   input{
       width:200px;
       height: 30px;
       margin: 10px auto;

   }
   button{
       width: 260px;
       height:40px;
       background:#0B5A87;
       border: 1px solid #ffffff;
       color:#ffffff;
       margin-bottom:10px;
   }
</style>
<body>
<div class="d">
<form action="" method="post">
   <label style="font-size: 30px;font-weight:bold;">管理登陆页面</label>
   <hr style="margin-top:10px;">
   <label>用户名:</label>
   <input type="text" name="username" placeholder="请输入帐号"><br>
   <label>密&nbsp;&nbsp;&nbsp;码:</label>
   <input type="password" name="password" placeholder="请输入密码"><br>
   <button type="submit">登陆</button>
   <hr>
   <label>如果没注册? 这里<a href="#">注册</a></label>
</form>
</div>
</body>
</html>

批改老师:韦小宝批改时间:2019-01-05 09:25:57
老师总结:写的还是很不错的!像这种案例没事可以多写写!这样可以快速提高我们的技术!

发布手记

热门词条