<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* 网页变灰 */
/* html{ */
/* filter: grayscale(1); */
/* 数值0~1 */
/* } */
p{
display: inline-block;
}
.aa{
float: right;
text-decoration: none;
color: rgb(129, 122, 122);
}
.one{
text-align: center;
margin: 0 auto;
}
.two{
text-align: center;
margin: 0 auto;
background-image: url(背景.jpg);
width: 1000px;
height: 530px;
background-repeat: no-repeat;
background-color: rgb(236, 126, 126);
}
.three{
margin-top: 6px;
float: right;
height: 522px;
width: 488px;
}
.last{
float: left;
margin-top: 3px;
margin-bottom: 3px;
color:red;
}
.laster{
float: left;
margin-top: 3px;
margin-bottom: 3px;
}
.top{
font-size: 23px;
margin-top: 20px;
margin-bottom: 0;
}
table{
margin: 0 auto;
}
td{
border-bottom: 2px dashed #CCC;
}
.eee{
float: left;
border-bottom: 2px dashed #CCC;
}
select{
width: 173.5px;
height: 21px;
}
</style>
</head>
<body>
<script src=""></script>
<div>
<a href="用户登录.html" class="aa"> 用户登录 </a>
<a href="一个练习.html" class="aa">首页 |</a>
</div>
<br>
<div class="one">
<img src="./logo.jpg">
<br>
<!-- <img src="./背景.jpg"> -->
</div>
<div class="two">
<div class="three">
<p class="top">新用户注册</p>
<hr>
<table>
<tr>
<td>用 户 名:</td>
<td><input type="text" placeholder="请输入用户名"></td>
<td><p class="last">* </p><p class="laster"> 中文、英文和数字的组合</p></td>
</tr>
<tr>
<td>密 码:</td>
<td><input type="text" placeholder="请输入密码"></td>
<td><p class="last">* </p><p class="laster"> 最少六个字符</p></td>
</tr>
<tr>
<td>确认密码:</td>
<td><input type="text" placeholder="请再次输入密码"></td>
<td><p class="last">* </p><p class="laster"> 两次密码需完全相同</p></td>
</tr>
<tr>
<td>真实姓名:</td>
<td><input type="text" placeholder="请输入真实姓名"></td>
<td><p class="last">*</p></td>
</tr>
<tr>
<td>性 别</td>
<td><input type="radio" name="sex">男<input type="radio" name="sex">女</td>
<td><p class="last">*</p></td>
</tr>
<tr>
<td>电子邮箱:</td>
<td><input type="text" placeholder="请输入EMail地址"></td>
<td><p class="last">*</p></td>
</tr>
<tr>
<td>联系电话:</td>
<td><input type="text" placeholder="请输入联系电话"></td>
<td><p class="last">*</p></td>
</tr>
<tr>
<td>密保问题:</td>
<td><select><option>我的出生地</option></select></td>
<td><p class="last">*</p></td>
</tr>
<tr>
<td>密保答案:</td>
<td><input type="text" placeholder="请输入密保问题答案"></td>
<td><p class="last">*</p></td>
</tr>
</table>
<a href="用户登录.html"><img src="./立即注册.jpg"></a>
<a href="一个练习.html"><img src="./重新填写.jpg"></a>
</div>
</div>
</body>
</html>
