您的位置:首页 > Web前端 > CSS

网页布局代码css部分

2011-11-14 09:45 405 查看
@charset "utf-8";
/* CSS Document */
body{
background-color:#FF6;
font-size:12px;
color:#630;
line-height:1.3em;
}
a {
color:#630;
line-height:1.3em;
text-decoration:none;
}
a:hover{
text-decoration:underline;
font-weight:bold;
}
#header,#containter,#footer{
width:630px;
margin:0 auto;
}
#header{

}
#containter{
height:600px;
}
#footer{
height:77px;
background:url(images/footer_bj.gif) repeat-x left top;
text-align:center;
}

#logo{
height:60px;
background:url(images/logo_bj.gif) repeat-x top left;
padding-top:5px;
padding-left:20px;
}
#nav{
height:32px;
background:url(images/nav_a_bj.gif);
}
#banner{
height:108px;
background:url(images/banner.gif) no-repeat left top ;
}

#left{
width:130px;
height:600px;
background-color:#066;
float:left;
}
.leftcss{
border:2px solid #630;

}
.leftcss h3{
background:#900 url(images/title_img.gif) no-repeat left center;
color:#FF6;
font-size:13px;
margin-top:0;
height:20px;
padding-top:5px;
padding-left:30px;
margin-bottom:0;

}
.leftcss ul{
border:2px solid #FC0;
list-style:none;
margin-top:0;
margin-left:0;
text-indent:0;
padding-left:0;
background-color:#FFC;
margin-bottom:0;
padding-left:5px;
}
.leftcss ul li{
text-indent:0;
}

#main{
width:500px;
height:600px;
float:right;
}
.bt{
background:url(images/title_bj.gif) repeat-x left center;
font-size:13px;
font-weight:bold;
border:2px #633 solid;
margin:5px 0;
}
#main_pic,#gsjj,#cxjy,#gszycp{
background-color:#FCC;
border:2px #633 solid;
margin:5px 0;
}
#main_pic{
height:230px;
}
.cp_pic{
width:84px;
height:100px;
text-align:center;
float:left;
margin-left:8px;
margin-bottom:5px;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: