实现效果
源码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>注册页面 html/css</title>
<style>
*{
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
body{
background: azure;
}
.rg_layout{
width: 900px;
height: 500px;
border: 5px solid #EEEEEE;
background-color: white;
margin: auto;
margin-top: 30px;
}
.rg_left{
float: left;
margin:15px;
}
.rg_left > p:first-child{
color: #ffd026;
size: 20px;
}
.rg_left > p:last-child{
color: #a6a6a6;
size: 20px;
}
.rg_center{
float: left;
}
.rg_right{
float: right;
margin:15px;
}
.rg_right p a {
color: pink;
}
.td_left{
width: 100px;
text-align: right;
height: 50px;
}
.td_right{
padding-left: 30px;;
}
#username,#password,#email,#name,#tel,#checkcode{