HTML和CSS美化 登入框的页面

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;
}
上一篇:关于 construct object opp


下一篇:memcache 存储单个KEY,数据量过大的时候性能慢!以及简单的memcache不适合用到的场景