效果图，如上图所示 <br />#menu<br />{<br />margin-left:auto;<br />margin-right:auto;<br />width:1000px;<br /><br />}<br />ul {<br />margin: 0px;<br />padding: 0px;<br />height:30px;<br />} <br />ul li {<br />float: left;<br />display: inline;<br />font: 0.9em Arial, Helvetica, sans-serif;<br />height: 30px;<br />width: 100px;<br />list-style: none;<br />}<br />ul li a {<br />color: #F4F4F4;<br />text-decoration: none;<br />text-align:center;<br />line-height: 29px;<br />width: 91px;<br />margin: 0px;<br />padding: 0px 0px 0px 8px;<br />display: block;<br />border-right: solid 1px #ccc;<br />border-bottom:solid 1px #ccc;<br />background: #808080;<br />}<br />ul li ul li { height:25px; }<br />ul li ul li a {<br />background: #666;<br />line-height:24px;<br />}<br />ul li a:hover { background: #666; }<br />ul li ul { visibility: hidden; }<br />ul li:hover ul { visibility: visible; }<br />ul li ul li a:hover { background: #333; }<br /> 菜单一 菜单二 子菜单一 子菜单二 子菜单三 菜单三 菜单四 子菜单一 子菜单二 子菜单三 菜单五
