静态网页

来源:互联网 发布:招商迪辰软件 编辑:程序博客网 时间:2024/04/29 04:05
<!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="">
  <title>HTML网页制作</title>
<!==js css==>
  <style type="text/css">
body{background:#A7C0DC;font-family:"微软雅红";}
.login{width:300px;height:350px;background:#FF0000;margin:120px auto;border-radius:5px;box-shadow:0px 0px 10px;
position:relative;relative;padding:100px 30px 0 30px;
}
.login:before{
content:"会员注册"; color:#F3C800;font-size:18px;font-weight:bold;
position:absolute;top:10px;left:10px;
  }
.login-form input[type="text"],.login-form input[type="password"]
{
  width:260px;border:1px solid #314D89; 
pading:15px 20px; cursor:pointer
}
.login-form input[type="submit"]
{
width:260px;border:1px solid #FFFFFF; 
pading:15px 20px; cursor:pointer
text-shadow:0px 1px 0;
}
.login-form input[type="text"]
{
  border-radius:5px 5px 0 0;
}
.login-form input[type="password"]
{
   border-radius:0 0 5px 5px;
}


  </style>
 </head>
 <body>
<div class="login">
<form id="login" name="login" class="login-form">
<form>姓名
<br/>
 <input type="text" name="name" placeholder="姓名">
 <br/>
 <form>邮箱
 <br/>
 <input type="text" name="email" placeholder="邮箱">
 <br/>
 <form>手机号码
 <br/>
 <input type="text" name="phone" placeholder="手机号码">
 <br/>
 <form>籍贯
 <br/>
<input type="text" name="nameplace" placeholder="籍贯">
<br/>
<form>密码
<br/>
 <input type="password" name="password" placeholder="密码">
 <br/>
 <form>确认密码
 <br/>
 <input type="password" name="password" placeholder="确认密码">
 <br/>
<input type="submit" value="注册">


</form>


</div>


   
 </body>
</html>
1 0
原创粉丝点击