前回のCSSで作るタブ風メニュー(サンプル)がNetscapeとOperaで少し表示がおかしかったので修正しました。 追加:CSSで作るタブ風メニュー(色付き) メニューごとに色分けしたもの ⇒ サンプル(新窓で開きます)
今回は、以前のインライン化を応用したタブメニューに挑戦しましょう。完成系は、以下のようになります。 作ってみよう 一から作ってみましょう。 <ul id="tabnavi"> <li><a href="#">ホーム</a></li> <li id="here"><span>日記</span></li> <li><a href="#">掲示板</a></li> <li><a href="#">自己紹介</a></li> </ul> <div id="main"> ここに本体コンテンツ。 </div> 今回、わざわざ本体コンテンツを用意してあるのは、ちょっと特殊なことをするためです。その種明かしは、あとでします。 スタイルシートを書いていくことにします。 以前のページでしたように、まずインラインにして、それを少しばかり整形します。 #tabnavi { list-style-type: non
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く