New Document .menu{ border=none; font-family:verdana,geneva,arial; font-size:14px; color:#8e8e83; } .menu ul{ background:url(img/menu-bg.gif) top left repeat-x; /*横向平铺*/ height:43px; list-style:none; } .menu li{ float:left; } .menu li a{ color:#666666; display:block; font-weight:bold; line-height:43px; padding:0 25px; text-align:center; text-decoration:none; } .menu li a:hover{ color:#000000; } /*定义二级菜单样式规则*/ .menu li ul{ background:#e0e0e0; /*设置二级菜单背景色*/ border-left:2px solid #007962; /*设置菜单左边框样式和颜色.*/ display:none; /*不再设置为块状显示效果*/ height:auto; position:absolute; width:130px; z-index:200; margin:0px; } .menu li:hover ul{ display:block; /*鼠标移动到上面的时候为块状显示。*/ } .menu li li{ display:block; width:130px; } .menu li ul a{ display:block; font-size:12px; text-align:left; } .menu li ul a:hover{ background:#949494; color:#000000; opacity:1.0; filter:alpha(opacity=100); }查看更多关于如何使用CSS控制二级导航菜单宽度?_html/css_WEB-ITnose的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did113323
如何使用CSS控制二级导航菜单宽度?_html/css_WEB-ITnose
阅读:72次