网页制作---注册页面之方法二

最新推荐文章于 2024-09-15 23:45:31 发布

Fayeni

最新推荐文章于 2024-09-15 23:45:31 发布

阅读量975

点赞数 1

文章标签：网页制作 HTML CSS 注册框

本文链接：https://blog.csdn.net/Fayeni/article/details/81064134

版权

<!DOCTYPE html>  
<html>
<head>
<meta charset="utf-8">
<title>登录页面</title>
<style>
	p,h1,h2,h3,h4,h5,h6{border: medium;font-weight: inherit;font: 100% 微软雅黑;}
	body,button,input,select{font: 14px/1.5 微软雅黑;outline: none;}
	a{text-decoration: none;color: #6D6D6D;}
	.main_box{width: 400px;margin: 0px auto;padding: 110px 0 60px 0 ;}
	.login_box{height: 370px;border: 1px solid #e2e2e2;border-radius: 4px;}
	.login_box h3{font-size: 14px;padding: 17.5px 30px;border-bottom: 1px solid #e2e2e2;margin: 0px 0px; }
	.login_box h3 span{font-weight: bold;}
	.ml{float: left;}
	.mr{float: right;}
	.form_all_box{padding: 0 30px;color: #e2e2e2;}
	.form_box{display: inline-block; height: 40px;width: 338px; color: #4a4a4a; border: 1px solid #e2e2e2;margin: 20px 0 0; padding:0; text-indent: 10px; line-height: 40px;border-radius: 4px;}
	.form_all_box button{padding: 0 20px;border: 1px solid #1f95e2;}
	.form_all_box.form_button{margin-top: 10px;padding:10px 30px 0px;}
	.btn_box{display: inline-block; height: 40px;width: 338px; text-indent: 10px; line-height: 40px;border-radius: 4px;width: 100%;  font-size: 16px; letter-spacing: 4px;font-color: white;color: #fff;background-color: #1f95e2;}
	.select_btn{font-size:  14px ;padding: 0px 30px;margin-top: 5px;}
	.ml span{font: 14px 微软雅黑;}
	.checkbox_style{background-color: #FFF;color: #e2e2e2;position: relative;float: left;}
</style>
</head>
<body class="margin:0;">
<!--登录框-->
<div class="main_box">
	<div class="login_box">
		<h3><span>用户注册</span></h3>
		<div class="form_all_box">
			<input type="text" class="form_box" name="uers" placeholder="用户名/邮箱">			
		</div>
		<div class="form_all_box">
			<input type="text" class="form_box" name="password" placeholder="密码">
		</div>
		<div class="form_all_box">
			<input type="text" class="form_box" name="password" placeholder="确认密码">
		</div>
		<div class="form_all_box form_button">
			<button type="submit" class="btn_box">注册</button>
		</div>
		<div class="select_btn">
			<p class="ml">
				<input type="checkbox" class="checkbox_style" name="select" value="10天内自动登录" checked="checked"><span>10天内自动登录</span>
			</p>
		</div>
	</div>
</div>
</body>
</html>