<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>练习</title>
<style type="text/css">
html{
height: 100%;
}
body{
background-image: url(img/timg.png) ;
background-size: cover;
height: 100%;
margin: 0px;
display: flex;
}
#container{
background-color: white;
width: 700px;
height: 300px;
display: flex;
padding-top: 30px;
padding-bottom: 30px;
position: absolute;
top: 20%;
left: 20%;
}
#f1{
color: orange;
}
#f2{
color: gainsboro;
}
#left{
width: 20%;
margin-left: 30px;
}
#center{
flex‐direction: column;
width: 60%;
height: 100%;
}
#right{
width: 20%;
font-size: 13px;
}
#right a:hover{
color: red;
}
</style>
</head>
<body>
<div id="container">
<div id="left">
<font id="f1">新用户注册</font><br/>
<font id="f2">USER REGISTER</font>
</div>
<div id="center">
<table align="center" height="100%">
<tr>
<td>账户</td>
<td><input type="text" name="account" placeholder="请输入账户"/></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" name="password" placeholder="请输入密码"/></td>
</tr>
<tr>
<td>Email</td>
<td><input type="text" name="Emali" placeholder="请输入邮箱"/></td>
</tr>
<tr>
<td>姓名</td>
<td><input type="text" name="name" placeholder="请输入姓名"/></td>
</tr>
<tr>
<td>手机号</td>
<td><input type="text" name="phone" placeholder="请输入手机号"/></td>
</tr>
<tr>
<td>性别</td>
<td><input type="text" name="sex" placeholder="请输入性别"/></td>
</tr>
<tr>
<td>出生日期</td>
<td><input type="text" name="borndate" placeholder="请输入出生日期"/></td>
</tr>
<tr>
<td>验证码</td>
<td><input type="text" placeholder="请输入验证码"/></td>
</tr>
<tr>
<td colspan="2">
<button type="submit">注册</button>
</td>
</tr>
</table>
</div>
<div id="right">
<font>已有账户?</font>
<a href="index.html">立即登录</a>
</div>
</div>
</body>
</html>
千峰第48天作业
最新推荐文章于 2022-10-19 20:28:14 发布