网页布局代码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;
}
/* 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;
}
相关文章推荐
- DIV+CSS网页设计常用布局代码
- 精简CSS文件 使您的CSS网页布局代码更专业
- DIV+CSS常用的网页布局代码
- 网页布局代码html部分
- DIV+CSS网页另类上下布局的实例代码
- CSS 网页布局中的图文列表实现代码
- CSS+DIV网页布局(黄冈网校首页布局)示例代码
- div+css网页布局(示例代码)
- DIV+CSS常用的Html网页布局代码
- [z] DIV+CSS常用的网页布局代码
- CSS 网页右下角布局代码
- 水平布局的多级网页菜单,JS、css代码
- 网页布局代码html部分
- 网页设计【DIV+CSS常用的网页布局代码】
- XHTML+css弹性+固宽布局 网页代码示例
- 网页布局技巧:CSS文件设计初始化代码
- DIV+CSS网页另类上下布局的实例代码
- 使您的CSS网页布局代码更专业 精简CSS文件
- CSS设计网页布局(1-3-1左右固定,中间动态)示例代码
- DIV+CSS网页设计常用布局代码