<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>注册</title>
<style>
*{
margin: 0px;
}
.logo{
width: 100%;
height: 80px;
margin-left: 240px;
}
.reg{
width: 860px;
height: 460px;
border: 2px solid #F5F5F5;
margin: auto;
}
span {
font-size: smaller;
color: grey;
float: right;
margin-right: 15px;
text-align: center;
}
.store{
float: left;
margin-left: 240px;
}
.menu {
width: 100%;
height: 30px;
background-color: #F5F5F5;
margin: 0px
margin-right: 270px;
}
.login {
text-align: center;
margin-right: 200px;
}
.info{
width: 428px;
height: 460px;
float: left;
}
.picture{
width: 428px;
height: 460px;
float: right;
}
.title{
font-size: larger;
font-family: 黑体;
margin-left: 80px;
margin-top: 50px;
}
.word{
width: 160px;
height: 375px;
font-size: medium;
text-align: right;
float: left;
}
.user_input{
width: 260px;
height: 375px;
font-size: medium;
float: right;
}
p{
font-size: medium;
margin-top: 30px;
color: grey;
font-family: 新宋体;
}
input{
margin-top: 28px;
}
#redbag{
height:200px;
width: 260px;
margin-top: 30px;
margin-left: 50px;
}
#notice{
margin-top: 100px;
margin-right: 250px;
}
#xieyi{
margin-top: 10px;
margin-right: 40px;
}
.agree span{
width: 180px;
height: 20px;
border: red solid 1px;
margin-top: 40px;
background-color:red;
color: #FFFFFF;
padding-top: 5px;
margin-right: 80px;
margin-top: 15px;
}
a{
text-decoration: none;
color: #FFFFFF;
}
#banben{
font-size: small;
text-align: center;
}
#blue{
color: #677ff7;
}
</style>
</head>
<body>
<div class="menu">
<div class="store">
<span>*收藏本站</span>
</div>
<div class="login">
<span>客户服务</span>
<span>VIP会员俱乐部</span>
<span>我的订单</span>
<span>免费注册</span>
<span>登录</span>
</div>
</div>
<div class="logo">
<img src="logo.png">
</div>
<div class="reg">
<div class="info">
<div class="title">注册新用户</div>
<div class="word">
<p>用户名:</p>
<p>手机号:</p>
<p>登录密码:</p>
<p>确认密码:</p>
<p>验证码:</p>
</div>
<div class="user_input">
<input type="text">
<input type="tel">
<input type="password">
<input type="password">
<input type="text">
<span id="xieyi">我已阅读并同意<a href="https://www.baidu.com"><<用户注册协议>></a></span>
<div class="agree">
<span><a href="login.html">同意以上协议并登录</a></span>
</div>
</div>
</div>
<div class="picture">
<span id="notice">*我已注册,现在就 <a id="blue" href="login.html"> 登录</a></span>
<img id="redbag" src="redbag.jpg">
</div>
</div>
<p id="banben">©一大堆乱七八糟版本的东西</p>
</body>
</html>
转载于:https://blog.51cto.com/gaohl/2173946