注册
2012-11-12 17:08 greenal 阅读(514) 评论(0) 编辑 收藏 举报<div class="form">
<fieldset>
<legend><span class="second">接受服务条款</span></legend>
<p>请仔细检查所有输入,请按一下按钮来创建您的账户并同意服务条款!我们希望你们会喜欢!</p>
<div class="field">
<input type="checkbox" value="1" />
我们认真阅读并同意 《<a href="#">使用协议</a>》
</div>
</fieldset>
<div class="buttons">
<input type="submit" value="创建我的账号" />
</div>
<h2>创建账号</h2>
<p>通过创建账号,您可以使用我们提供的邮箱服务</p>
<fieldset>
<legend><span class="first">关于您</span></legend>
<div class="field">
<label for="">邮箱地址:</label>
<input type="text" size="30" />
<span class="small">用此邮箱接收确认邮件才能完整注册</span>
</div>
<div class="field">
<label for="">密码:</label>
<input type="password" size="30" />
<span class="small">至少4个字符</span>
</div>
</fieldset>
<p>通过创建账号,您可以使用我们提供的邮箱服务</p>
<fieldset>
<legend><span class="first">关于您</span></legend>
<div class="field">
<label for="">邮箱地址:</label>
<input type="text" size="30" />
<span class="small">用此邮箱接收确认邮件才能完整注册</span>
</div>
<div class="field">
<label for="">密码:</label>
<input type="password" size="30" />
<span class="small">至少4个字符</span>
</div>
</fieldset>
<fieldset>
<legend><span class="second">接受服务条款</span></legend>
<p>请仔细检查所有输入,请按一下按钮来创建您的账户并同意服务条款!我们希望你们会喜欢!</p>
<div class="field">
<input type="checkbox" value="1" />
我们认真阅读并同意 《<a href="#">使用协议</a>》
</div>
</fieldset>
<div class="buttons">
<input type="submit" value="创建我的账号" />
</div>
</div>
-----------------------------------------------------------------------------------------------------
.form{ background:#fff none scroll 0 0; border:5px solid #ddd; max-width:700px;}
.buttons{ background:#E6E6E6 none repeat scroll 0 00; border-top:1px solid #ccc; font-size:11px; padding:5px 20px;}
.field label,.field span{ display:block;}
.form h2{ border:#222; font-size:26px; font-weight:bold; margin:0; padding-left:10px;}
.form legend span{ display:block; color:#444; font-size:1.3em; font-weight:bold; padding:0 0 0 20px; height:20px; line-height:23px;}
.form p{ color:#999; line-height:1.5em; font-size:12px; margin-left:10px;}
fieldset{ border:0 none; font-size:12px; margin:0; padding-left:10px;}
input[type="checkbox"]{ border:medium none; width:auto;}
.buttons input{ border:1px solid #bbb; background:#fff url(buttons.jpg) repeat-x scroll left bottom; background:1px scroll #ccc; color:#444; font-size:11px; font-weight:bold; margin-right:1px; padding:3px 8px;}
.buttons{ background:#E6E6E6 none repeat scroll 0 00; border-top:1px solid #ccc; font-size:11px; padding:5px 20px;}
.field label,.field span{ display:block;}
.form h2{ border:#222; font-size:26px; font-weight:bold; margin:0; padding-left:10px;}
.form legend span{ display:block; color:#444; font-size:1.3em; font-weight:bold; padding:0 0 0 20px; height:20px; line-height:23px;}
.form p{ color:#999; line-height:1.5em; font-size:12px; margin-left:10px;}
fieldset{ border:0 none; font-size:12px; margin:0; padding-left:10px;}
input[type="checkbox"]{ border:medium none; width:auto;}
.buttons input{ border:1px solid #bbb; background:#fff url(buttons.jpg) repeat-x scroll left bottom; background:1px scroll #ccc; color:#444; font-size:11px; font-weight:bold; margin-right:1px; padding:3px 8px;}