一个简单的Html注册网页

最新推荐文章于 2023-10-09 21:25:06 发布

chousui7500

最新推荐文章于 2023-10-09 21:25:06 发布

阅读量129

点赞数

原文链接：https://my.oschina.net/marner/blog/768685

版权

<html>
	<head>
		<title>新用户注册</title>
		<style type="text/css">
			
      .register_div{font-family: "Microsoft YaHei";}
      .form_text{height:35px;border:1px solid #aaaaaa;outline:none;margin-top:20px;font-size:14px;}
      .form_text_big{width:70%;}
      .form_text_small{width:20%;}
      .login_button{width:70%;height:35px;outline:none;border:none;margin-top:20px;}
      .links{color:rgb(50,187,119);}
      .links:hover{color:rgb(0,137,69)}
      .small{font-size:13px;}
      .link_left{float:left;}
      .link_right{float:right;}
      input {font-family: "Microsoft YaHei";}
      .s_green{background-color:rgb(50,187,119);color:#ffffff;}
      .s_green:hover{background-color:rgb(0,137,69)}
      .register_div{width:420px;height:550px;margin:80 auto;text-align:center;background-color:#ffffff;}			
      			
		</style>
	</head>		
	<body style="background-color:black;">
		
			<div class="register_div">
			<div class="title">
				<br>
				<h2>新用户注册</h2>
			</div>
			<div class="login_form_div">
				<form>
					<input class="form_text form_text_big" type="text" placeholder="请输入用户名"/><br>
					<input class="form_text form_text_big" type="password" placeholder="请输入密码"/><br>				
					<input class="form_text form_text_big" type="password" placeholder="请再次输入密码"/><br>	
					
					<div>
						<input class="form_text form_text_small" type="text" placeholder="验证码"/>
						<img style="margin-bottom:-12px;" src="check.png" width="100" height="40"/>
						<a class="links" href="#">看不清,换一张</a>
					</div>
					
					
					<input class="form_button login_button s_green" type="button" value="立即注册"/>
				</form>
			</div>
			<div style="width:70%;margin:1px auto;">
				<a class="links link_right small" href="#">已有账号，立即登录</a>
			</div>
			</div>
						
	</body>	
</html>

效果图