登录页面代码

来源:互联网 发布:牛头梗毛绒玩具淘宝网 编辑:程序博客网 时间:2024/06/08 04:09

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <style type="text/css">
  body{background:#EZE2R2:font-family:"微软雅黑"}
  .login{width:300px;height:320px;background:#3A569B;margin:50px auto;border-radius:5px;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.4);background:-webkit-radial-gradient(center,ellipse cover,#64d5ff 0%,#009bd5 100);
  position:relative;
  padding:100px 30px 0 30px;
 
  }
  .login:before
  {content:"登录界面";color:#F3c800;font-size:18px;font-weight:bold;
  background:url(xiaotubiao.jpg) no-repeat;padding-left:30px;
  position:absolute;top:30px;left:10px;}
  .login-form input[type="text"]{width:260px;border:1px soild #314D89; padding:15px 20px;cursor:pointer;}
  .login-form input[type="text"]{border-radius:4px 4px 0 0;}
  </style>
  <head>
  <title>Document</title>
 </head>
 <body>
 <div class="login">
 <form id="login" name="login" class="login-form">
 <input type="text" name="neme" placeholder="姓名">
 <br/>
 <input type="text" name="sex" placeholder="性别">
 <br/>
 <input type="text" name="sex" placeholder="住址">
 <br/>
 <input type="text" name="sex" placeholder="电话号码">
 <br/>
 <input type="text" name="sex" placeholder="身份证号">
 <input type="submit" value="注册"
 </form>

 </div>
 </body>
</html>

0 0
原创粉丝点击