<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
html{
height: 100%;
}
body{
background-image: url(img/6e868a19d6e8195b2708a8ed9f5536e2.jpg);
background-size: cover;
height: 100%;
}
#left #f1{
font-size: 20px;
color: orange;
}
#left #f2{
font-size: 20px;
color: darkgrey;
}
#right a{
text-decoration: none;
}
a:link{
color: cornflowerblue;
}
a:visited{
color: blue;
}
a:hover{
color: orange;
}
a:active{
color: red;
}
#container{
display: flex;
margin-top: 10%;
margin-left: 25%;
width: 50%;
height:60%;
background-color: white;
}
#left{
padding-left: 20px;
padding-top: 30px;
width: 28%;
}
#concer form{
width: 105%;
height: 80%;
padding-top: 80px;
padding-left: 30px;
}
#right{
widows: 25%;
padding-top: 30px;
padding-left: 80px;
}
.one{
margin-left: 40px;
margin-bottom: 10px;
}
.two{
margin-left: 31px;
margin-bottom: 10px;
}
.three{
margin-left: 24px;
margin-bottom: 10px;
}
.four{
margin-left: 8px;
margin-bottom: 10px;
}
.five{
width: 100px;
margin-left: 24px;
margin-bottom: 10px;
}
button{
width: 120px;
height: 30px;
background-color: #9ACD32;
}
#img{
width: 55px;
height: 15px;
}
</style>
</head>
<body>
<div id="container">
<div id="left">
<font id="f1">新用户注册</font><br />
<font id="f2">USER REGISTER</font>
</div>
<div id="concer">
<form>
账户<input type="text" class="one" name="uaername" placeholder="请输入账户" /><br />
密码<input type="password" class="one" name="password"placeholder="请输入密码" /><br />
Email<input type="email" class="two" name="email" placeholder="请输入email"/><br />
姓名<input type="text" class="one" name="name" placeholder="请输入姓名" /><br />
手机号<input type="text" class="three" name="phone" placeholder="请输入手机号"/><br />
性别<input type="text" class="one" name="sex" placeholder="请输入性别"/><br />
出生日期<input type="text" class="four" name="date" placeholder="请输入出生日期" /><br />
验证码<input type="text" class="five" name="check" placeholder="请输入验证码" />
<img src="img/2020-04-08_203956.jpg" id="img"/><br />
<button type="submit">注册</button>
</form>
</div>
<div id="right">
<font>已有用户?</font>
<a href="固定定位.html">立即登录</a>
</div>
</div>
</body>
</html>