网页布局+纯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需刷新才能执行]
【网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容】相关文章：