利用CSS对注册页面实现修饰

无修饰:

代码

<!-- 程序 ch02_8_1_register.html-->
<html>
<head>
<title>注册页面</title>
</head>
<body>
<form action="">
<table border="0" align="center"width="600">
<tr><td colspan="3"align="center"height="40">填写注册信息</td></tr>
<tr ><td align="right">用户名:*</td>
<td><input type="text"name="userName"/></td>
<td>用户名有字母开头,后跟字母、数字或下划线!</td>
</tr>
<tr><td align="right">密码:*</td>
<td><input type="password"name="userPwd"/></td>
<td>设置登录密码,至少6位!</td>
</tr>
<tr><td align="right">确认密码:*</td>
<td><input type="password"name="userPwd1"/></td>
<td>请再输入一次你的密码!</td>
</tr>
<tr><td align="right">性别:*</td>
<td><input type="radio"name="userSex"value="男"checked/>男
<input type="radio"name="userSex"value="女"checked/>女
<td>请选择你的性别!</td>
</tr>
<tr><td align="right">邮箱地址:*</td>
<td><input type="text"name="userEmail"/></td>
<td>请填写你的常用邮箱,可以用此邮箱找回密码!</td>
</tr>
<tr><td align="right"valign="top">基本情况:*</td>
<td colspan="2">
<textarea name="userBasicInfo"rows="5"cols="50"></textarea></td>
</tr>
<tr><td colspan="3"align="center"height="40">
<input type="checkbox"name="accept"value="yes"/>
我已经仔细阅读并同意接受用户使用协议</td>
</tr>
<tr><td colspan="3"align="center"height="40">
<input type="submit"value="确认">&nbsp;
<input type="reset" value="取消"/>
</td>
</tr>
</table>
</form>
</body>
</html>

修饰后:

posted on 2017-10-04 23:42  小星_log  阅读(456)  评论(0编辑  收藏  举报