効果図、上図に示すように <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>表示: ブロック;<br>ボーダー右: ソリッド 1 ピクセル #ccc;<br>ボーダーボトム: ソリッド 1 ピクセル #ccc;<br>背景: #808080;<br>}<br>ul li ul li {高さ: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 {可視性: 非表示; }<br>ul li:hover ul {可視性:可視; }<br>ul li ul li a:hover {背景: #333; }<br>菜单一菜单二子菜单一子菜单二< ;a href="#">子菜单三菜单三菜单四子菜单一子菜单二< ;a href="#">子菜单三菜单五