HTML和CSS美化 登入框的页面

                     <div id="leftbody">
                             <p class="p0">如果您感觉您的网站够炫美可以提交给我们!</p>
                             <form>
                             <label for="label1">您的姓名:</label>
                             <input type="text" name="name" id="label1" size="" />
                             <label for="label2">您的联系方式:</label>
                             <input type="text" name="content" id="label2" size="" />
                             <label for="label3">站点网址:</label>
                             <input type="text" name="url" id="label3" size=""/>
                             <label for="label4">站点介绍:</label>
                             <textarea name="info" id="label4" cols="" rows="" > </textarea>
                             <div class="sub">
                                     <input class="btn_sub" type="submit" value="提交" />
                                     <input class="btn_sub btn2" type="reset"  value="重置" />
                             </div>
                             </form>
                     </div>

#wrap #leftbody p.p0{
    color:#;
    font-size:18px;
    margin:50px  20px ;
    }
#leftbody form label{
    display:block;
    font-size:14px;
    color:#;
    margin:15px  3px  ;
    }
#leftbody form input.btn_sub{
    background:url(default.png);
    display:block;
    width:103px;
    height:27px;
    text-align:center;
    line-height:27px;
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
    border:none;
    cursor:pointer;
    float:left;
    margin-top:20px;
    }
#leftbody form input.btn2{
    margin-left:170px;
    }
#leftbody form .btn_sub:hover{
    background:url(d_hover.png);
    }

一般网页设计public页面的设置

body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,p {
    margin:0px;
    padding:0px;
    font-size:13px;
}
ul {
    list-style:none;
}
img,a img {
    border:none;
}
a {
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}