【下载文档:  网页布局+纯CSS纵向下拉菜单 IE6_IE7兼容.txt 】

---

网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容
网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容
网页布局+纯CSS纵向下拉菜单
*{
margin:0;
padding:0;
border:0;
}
html{
background:#bfc4c7;/*背景颜色*/
}
body{
font:12px/150% '宋体';
margin:0 auto;
width:770px;
text-align:center;
}
#menu,#nav,#footer{
clear:both;
}
#nav{
padding-left:20px;
text-align:left;
background:#a60;
}
#footer{
background:#a30;
}
#logo,#banner,#mail,#left,#middle,#right{
float:left;
width:180px;
background:#f00;
}
#logo,#banner,#mail{
height:60px;
}
#banner{
width:468px;
background:#f60;
}
#mail{
width:122px;
background:#f90;
}
#left,#right{
width:200px;
}
#left{
background:#093;
}
#middle{
width:370px;
background:#063;
}
#right{
background:#033;
}
/*menu部分*/
#menu{
margin:0 auto;
width:770px!important;
clear:both
}
#menu ul{
list-style:none;
}
#menu li {
float:left;
position:relative;
}
#menu ul ul {
visibility:hidden;
position:absolute;
left:0px;
top:30px;
}
#menu table{
position:absolute;
left:0;
top:0;
}
#menu ul li:hover ul,#menu ul a:hover ul{
visibility:visible;
}
#menu a{
display:block;
text-align:center;
text-decoration:none;
width:77px;
height:30px;
color:#000;
line-height:30px;
background:#c9c9a7;
}
#menu a:hover{
color:#fff;
background:#b3ab79;
}
#menu ul ul li {
clear:both;
text-align:left;
}
#menu ul ul li a{
display:block;
width:77px;
height:30px;
background:#faeec7;
color:#000;
}
#menu ul ul li a:hover{
background:#dfc184;
color:#000;
}
logo
banner
mail
第一分类
XHTML
CSS
PHP
MySQL
Fireworks
Photoshop
Flash
Illustrator
第一分类
XHTML
CSS
PHP
MySQL
Fireworks
Photoshop
Flash
Illustrator
第一分类
XHTML
CSS
PHP
MySQL
Fireworks
Photoshop
Flash
Illustrator
第一分类
XHTML
CSS
PHP
MySQL
Fireworks
Photoshop
Flash
Illustrator
第一分类
XHTML
CSS
PHP
MySQL
Fireworks
Photoshop
Flash
Illustrator
第一分类
XHTML
CSS
PHP
MySQL
Fireworks
Photoshop
Flash
Illustrator
第一分类
XHTML
CSS
PHP
MySQL
Fireworks
Photoshop
Flash
Illustrator
第一分类
XHTML
CSS
PHP
MySQL
Fireworks
Photoshop
Flash
Illustrator
第一分类
XHTML
CSS
PHP
MySQL
Fireworks
Photoshop
Flash
Illustrator
第一分类
XHTML
CSS
PHP
MySQL
Fireworks
Photoshop
Flash
Illustrator
您的位置:网站首页
left
middle
right
footer
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]