<!doctype html>
<html>
<head>
<title>EasyMall注册界面</title>
<meta http-equiv="content-type" content="text/html" charset="utf-8">
<link rel="stylesheet" href="D:/MyEclipse 10/day02/regit/css/regit.css">
</head>
<body>
<h1>欢迎注册EasyMall</h1>
<form action="#" method="post">
<table>
<tr>
<td class="td_txt">用户名：</td>
<td><input type="text" name="usrename"></td>
</tr>
<tr>
<td class="td_txt">密码：</td>
<td><input type="password" name="password"></td>
</tr>
<tr>
<td class="td_txt">确认密码：</td>
<td><input type="password" name="password1"></td>
</tr>
<tr>
<td class="td_txt">昵称：</td>
<td><input type="text" name="nickname"></td>
</tr>
<tr>
<td class="td_txt">邮箱：</td>
<td><input type="text" name="email"></td>
</tr>
<tr>
<td class="td_txt">验证码：</td>
<td><input class="td1" type="text" name="yzm">
<img alt="图片加载失败" src="D:\MyEclipse 10\day02\regit\img\yzm.jpg"></td>
</tr>
<tr>
<td colspan="2" class="td"><input type="submit" value="注册用户"></td>
</tr>
</table>
</form>
</body>
</html>
body{
background-image: url("D:/MyEclipse 10/day02/regit/img/zc.jpg");
background-repeat: no-repeat;
font-family: "微软雅黑";
background-position: top;
}
h1{
text-align:center;
margin-top: 190px;
margin-bottom: 30px;
color:#990000;
}
table{
/*text-align:center;*/
margin:0px auto;
}
table tr td.td_txt{
text-align: right;
font-size: 18px;
}
.td1{
width:80px;
vertical-align: middle;
}
.td1+img{
vertical-align:middle;
}
table tr td.td{
text-align: center;
}
input{
width:150px;
height:22px;
border-color: #ccc;
}
input[type="submit"]{
background-color:red;
border:none;
width:127px;
height:44px;
font-size: 20px;
color:white;
font-weight: bolder;
}
input[type="submit"]:hover{
background-color:blue;
}
input[type="submit"]:active{
background-color: green;
}
input[type="submit"]:visited{
background-color: pink;
}