<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>游戏注册</title> <style type="text/css"> /* 类选择器：使用圆点来定义，定义一个类名 */ .title{ font-size: 23px; } .small-font{ font-size: 12px; color:darkgrey; } .td-height{ height: 65px; } .label-font{ font-size: 14px; } label{ color:darkgray; } input{ height: 30px; border: 1px solid rgb(218,218,218); width: 350px; margin-left: 3px; border-radius: 3px; padding: 5px 15px; font-size: 14px; color: gainsboro; } /** * 属性选择器 */ .btn{ margin-left: 20px; color: white; width: 146px; height: 42px; border: 1px solid rgb(56,126,232); background-color: rgb(56,126,232); } /** * position属性表示对当前的这个标签在浏览器中的位置，进行修饰， */ .potion-top{ position: relative; top: -4px; } </style> </head> <body> <table> <tr><td colspan="4">游戏账号注册说明</td></tr> <tr><td colspan="4"><hr color="gainsboro"/></td></tr> <tr><td colspan="4">为响应国家文化部实名认证号召，自4月1日起用户申请注册网易云游戏中心务必请填写真实个人信息，以备网易云游戏中心配合国家相关部门核查身份信息。网易云游戏中心将会保证您的个人信息将不会泄露</td></tr> <tr><td></td> <td><label>*</label> 请输入你的手机号</td> <td><input type="text" placeholder="11位手机号" /></td> <td></td></tr> <tr><td></td> <td><label>*</label> 请输入收到的短信验证码</td> <td><input type="text" placeholder="收到的短信验证码" /> <input type="button" value="获取验证码" /> </td> <td></td></tr> <tr><td></td> <td><label>*</label> 请输入你的昵称</td> <td><input type="text" placeholder="中英文,长度不超过12个字符" /></td> <td></td></tr> <tr><td></td> <td><label>*</label> 请输入你的密码</td> <td><input type="password" placeholder="中英文数字字符,区分大小写" /></td> <td></td></tr> <tr><td></td> <td><label>*</label> 请确认密码</td> <td><input type="password" placeholder="再次输入你的密码" /></td> <td></td></tr> <tr><td></td> <td><label>*</label> 请输入你的身份证号</td> <td><input type="text" placeholder="18位身份证号码" /></td> <td></td></tr> <tr><td></td> <td><label>*</label> 请输入你的真实姓名</td> <td><input type="text" placeholder="你的真实姓名" /></td> <td></td></tr> <tr><td></td> <td></td> <td> <input type="checkbox"/> <label>我同意《用户协议》</label> <br/> <input type="checkbox"/> <label>我同意《另外一个用户协议》</label> <br/> </td> <td></td></tr> <tr><td></td> <td></td> <td><input type="button" value="注册" /> </td> <td></td></tr> </table> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> </body> </html>
学生信息表格