ドロップダウンメニューはJavaScript等のプログラムを使用せずに、CSSだけで簡単に作ることができます。CSS3も使用してませんのでIE7からも対応しています。 コード Demo デモページへ HTML <div id="gnav"> <ul id="menu"> <li class="menu01"> <a href="">メニュー01</a> <ul class="submenu"> <li><a href="">サブメニュー01</a></li> <li><a href="">サブメニュー02</a></li> <li><a href="">サブメニュー03</a></li> <li><a href="">サブメニュー04</a></li> <li><a href="">サブメニュー05</a></li> </ul> </li> <li class="menu02"> <a h
![CSSで作るシンプルなドロップダウンメニュー|Webの道草](https://cdn-ak-scissors.b.st-hatena.com/image/square/55d8d8724d8afed71d5c7dddf1de9e067e038edd/height=288;version=1;width=512/http%3A%2F%2Fblog-imgs-62-origin.fc2.com%2Fw%2Fe%2Fb%2Fwebmitikusa%2Fimage_130720_01.gif)