注册页实例

来源:互联网 发布:淘宝返利用什么 编辑:程序博客网 时间:2024/06/09 19:01
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><link rel="stylesheet" type="text/css" href="reg.css" /><title>注册页实例</title></head><body><div class="reg"><div class="topic"></div><div class="content"><table cellpadding="0" cellspacing="0"><tr><td colspan="3" height="25px"></td></tr><tr><td width="120px">用  户  名:</td><td width="220px"><input text type="text" /></td></tr><tr><td colspan="3" height="10px"></td></tr><tr><td width="120px">密    码:</td><td width="220px"><input text type="text" /></td></tr><tr><td colspan="3" height="10px"></td></tr><tr><td width="120px">确 认 密  码:</td><td width="220px"><input text type="text" /></td></tr><tr><td colspan="3" height="10px"></td></tr><tr><td width="120px">邮    箱:</td><td width="220px"><input text type="text" /></td></tr><tr><td colspan="3" height="10px"></td></tr><tr><td colspan="2"><input type="button" value="提交" class="btn"/></td></tr></table></div></div></body></html>//reg.cssbody{    font-family:"宋体",Arial,Helvetica,sans-serif;    color:#333333;    font-size:12px;}.reg{       /*整个注册框架*/    width:460px;    height:auto;    margin:0 auto;    padding-top:100px;}.topic{     /*主题*/    background:url(1.jpg);    width:460px;    height:68px;}.content{       /*内容*/    border:1px solid #DBDBDB;    color:#003976;    background:#F9F9F9;    text-align:center;}.btn{       ?*提交按钮*/    color:#FFFFFF;      background:url(2.jpg);    width:72px;    height:22px;    border:0;}

运行结果:


0 0