好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

如何使用CSS控制二级导航菜单宽度?_html/css_WEB-ITnose

        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的详细内容...

  阅读:72次