html-注册页面2 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>注册</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			a{
				text-decoration: none;
			}
			.wrap{
				width: 600px;
				margin: 30px auto;
				font-size: 18px;
				line-height: 40px;
				background-color: #FAFAFA;
			}
			span{
				color: red;
				vertical-align: middle;
			}
			.inp{
				width: 240px;
				height: 33px;
				margin-left: 5px;
			}
			.mail img{
				margin-left: 10px;
				vertical-align: middle;
			}
			.mail a{
				font-size: 16px;
				color: #69BEEB;
			}
			.wb{
				font-size: 16px;
				margin-left: 90px;
			}
			.wb a{
				color: #69BEEB;
			}
			.ckbox{
				position: relative;
				top: -31px;
				left: 90px;
				width: 317px;
				line-height: 20px;
			}
			.ckbox input{
				margin-left: 10px;
			}
			.yz{
				margin-left: 15px;
			}
			.yz input{
				width: 60px;
				height: 33px;
				margin-left: 8px;
			}
			.yz img{
				vertical-align: middle;
			}
			.yz a{
				color: #69BEEB;
				color: #69BEEB;
				font-size: 16px;
			}
			.sub{
				margin: 10px 95px;
			}
			.sub input{
				width: 200px;
				height: 40px;
				color: #fff;
				background-color: #8CD232;
				border-radius: 7px;
			}
			.agr{
				margin-left: 89px;
			}
			.agr a{
				font-size: 16px;
				color: #69BEEB;
			}
		</style>
	</head>
	<body>
		<div class="wrap">
			<form action="" method="post">
				<div class="mail">
					<span>*</span>
					邮箱地址:<input type="text" name="mail" id="" value="" placeholder="邮箱地址" class="inp"/>
					<img src="images/form_03.jpg"><a href="javascript:;">我没有邮箱</a>
				</div>
				<div class="wb">
					使用微博账号直接<a href="javascript::">登录</a>
				</div>
				<div class="pwd">
					<span>*</span>
					设置密码:<input type="password" name="mail" id="" value="" placeholder="密码" class="inp"/>
				</div>
				<div class="check">
					<span>*</span>
					兴趣标签:
						<div class="ckbox">
							<input type="checkbox" name="int" id="" value="" />新闻
							<input type="checkbox" name="int" id="" value="" />娱乐
							<input type="checkbox" name="int" id="" value="" />文化
							<input type="checkbox" name="int" id="" value="" />体样
							<input type="checkbox" name="int" id="" value="" />IT
							<input type="checkbox" name="int" id="" value="" />财经
							<input type="checkbox" name="int" id="" value="" />时尚
							<input type="checkbox" name="int" id="" value="" />汽车
							<input type="checkbox" name="int" id="" value="" />房产
							<input type="checkbox" name="int" id="" value="" />生活
						</div>
				</div>
				<div class="yz">
					<span>*</span>
					验证码:<input type="text" name="" id="" value="" />
					<img src="images/form_07.jpg" >
					<a href="javascript:;">看不清？</a>
				</div>
				<div class="sub">
					<input type="submit" name="" id="" value="立即注册" />
				</div>
				<div class="agr">
					<a href="javascript:;">《新浪网洛服务使用协议》</a>
				</div>
			</form>
			
		</div>
	</body>
</html>

 

posted @ 2023-08-14 15:50  JackieDYH  阅读(8)  评论(0)  编辑  收藏  举报  来源