<span><input type="checkbox" class="checkbox" name="autologin" id="autologin"><label for="autologin">下次自动登录</label></span> <a class="forget" href="#">忘记密码?</a>
<br>
<input type="button" class="enter" >
<hr>
<input type="button" class="regedit" >
</form>
</div>
<br>
<input type="button" class="enter" >
<hr>
<input type="button" class="regedit" >
</form>
</div>
.forget{text-decoration:none;font-size:13px;float:right; margin:3px 000;}
.enter{display:block;width:180px;height:40px;background-position:0 0;margin:10px 0;}
.regedit{display:block;width:180px;height:40px;background-position:0 -38px;margin:10px 0;}
hr{border:1px solid #dedede;}</style>
.enter{display:block;width:180px;height:40px;background-position:0 0;margin:10px 0;}
.regedit{display:block;width:180px;height:40px;background-position:0 -38px;margin:10px 0;}
hr{border:1px solid #dedede;}</style>
<style>
form{width:180px;background:#EBF3FA;padding:10px;}
input{background:url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg) }
input.user,.key{background:#ffffff;border:1px solid #dedede;padding:5px 0; margin-bottom:10px; text-indent:2em;width:180px;}
label{font-size:13px;}
form{width:180px;background:#EBF3FA;padding:10px;}
input{background:url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg) }
input.user,.key{background:#ffffff;border:1px solid #dedede;padding:5px 0; margin-bottom:10px; text-indent:2em;width:180px;}
label{font-size:13px;}
最赞回答 / 慕数据0204790
首先，不应该使用<table>标签，因为<table>标签现在已经过时了（就好像现在你称呼别人为‘同志’的情况是一样的），然后div应该不设置高度，让里面的元素自动撑开就行了，其次代码还可以简化，比如你的登录和注册按钮都引用同一张背景图片，可以简写在一行代码中。最后，‘忘记密码？’不应该加空格把它称到右边，应该使它浮动到右边（float：right）
2015-11-04
