css布局技巧

欢迎访问: www.ptcms.cn

-------------------------
#menubottom {
 background-image:url(images/menubottom.jpg);
 background-repeat:no-repeat;
 width:261px;
 height:76px;
 margin-left:93px;
}
#menubottom ul {
 padding: 20px 0px 0px 0px;
 width:240px;
 margin-left:15px;
}
#menubottom li {
 float:left;
 display:inline;
 width:77px;
 text-align:center;
}
#menubottom a {
 font-family: Arial, Helvetica, sans-serif;
 text-decoration:none;
 font-weight: bolder;
 font-size:10px;
 color: #6e6b53;
 text-transform: uppercase;
}
#menubottom a:hover {
 color:#c40000;
}
------------------
.content h3 {
 background-image:url(images/welcome.gif);
 background-repeat:no-repeat;
 width:520px;
 height:33px;
 text-indent:700px;
 overflow:hidden;
 border-bottom: 1px dashed #2e2304;
 margin: 10px 0px 15px 0px;
 padding: 0px 0px 10px 0px;
---------------------------
.product a {
 border: 1px solid #6698bd;
 display:inline; 
 float:left;
 margin: 6px 0px 6px 11px;
}
.product a:hover {
 border: 1px solid #c40000;
}
.product img {
 border: 6px solid #ffffff;
}