効果のデモ: コード例: コードをコピー コードは次のとおりです: デモ <br><!-- <BR>body { <BR>font-family: Arial、Helvetica、sans-serif; <BR>フォントサイズ: 11px; <BR>} <BR>#nav, #nav ul { <BR>リストスタイル: なし; <BR>背景: #F9F9F9; <BR>フォントの太さ: 太字; <BR>パディング: 0px; <BR>マージン: 0px; <BR>ボーダー: 実線 1px #CCCCCC; <BR>ボーダーボトム: 0px; <BR>幅: 150px; <BR>テキスト整列: 左; <BR>} <BR>#nav ul ul{ <BR>ボーダー: 実線 1px #CCCCCC; <BR>ボーダーボトム: 0px; <BR>} <BR>#nav a { <BR>表示: ブロック; <BR>幅: 150px; <BR>幅: 140ピクセル; <BR>カラー: #333333; <BR>テキスト装飾: なし。 <BR>text-align: 中央; <BR>border-bottom: 実線 1px #CCCCCC; <BR>テキスト整列: 左; <BR>パディング左: 10px; <BR>} <BR>#nav a:hover{ <BR>color: #336666; <BR>} <BR>#nav a.selected{ <BR>background: url(http://bbs.blueidea.com/images/common/bb_expand.gif) ノーリピート右 50%; <BR>} <BR>#nav li { <BR>line-height: 22px; <BR>位置: 相対。 <BR>} <BR>#nav li ul { <BR>位置: 絶対; <BR>左: -999em; <BR>幅: 150px; <BR>フォントの太さ: 通常; <BR>マージン: 0px; <BR>パディング: 0px; <BR>} <BR>#nav li li { <BR>幅: 150px; <BR>} <BR>#nav li ul a { <BR>幅: 150px; <BR>幅: 126px; <BR>パディング: 0px 12px; <BR>行の高さ: 22px; <BR>テキスト整列: 左; <BR>} <BR>#nav li ul ul { <BR>マージン: 0px 0 0 150px; <BR>} <BR>#nav li:hover ul ul,#nav li.sfhover ul ul{ <BR>left: -999em; <BR>} <BR>#nav li:hover ul, #nav li li:hover ul,#nav li.sfhover ul, #nav li li.sfhover ul{ <BR>left: auto; <BR>} <BR>#nav li:hover ul,#nav li.sfhover ul{ <BR>左: 150px; <BR>トップ: 0px; <BR>} <BR>#nav li:hover, #nav li.sfhover { <BR>背景: #F5E3C0; <BR>} <BR>* html #nav li { <BR>float: left; <BR>高さ: 1%; <BR>} <BR>* html #nav li a { <BR>高さ: 1%; <BR>} <BR>--> <BR> 戻る ホーム 自己紹介 チュートリアル サブメニュー 31 サブメニュー 32 サブメニュー 321 サブメニュー 322 サブメニュー 323 サブメニュー 324 サブメニュー 33 サブメニュー 34 ギャラリー サブメニュー 41 サブメニュー 42 サブメニュー 421 サブメニュー 422 サブメニュー 423 サブメニュー 424 サブメニュー 43 サブメニュー 44 連絡してください
