ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS + div tab_html/css_WEB-ITnose
<; html xmlns ="http://www.w3.org/1999/xhtml" >
<;頭>
<;タイトル> 新しい ドキュメント タイトル >
/**//*クレジット: ダイナミック ドライブ CSS ライブラリ */
/**//*URL: http://www.dynamicdrive.com/style/ */
#modernbricksmenu{}{
パディング: 0;
幅: 100%;
背景: 透明。
voice-family: ""}"";
音声ファミリー: 継承;
}
#modernbricksmenu ul{}{
font: bold 11px Arial;
マージン:0;
左マージン: 40px; /**//*最初のメニュー項目とブラウザの左端の間の余白*/
パディング: 0;
リスト形式: なし。
}
#modernbricksmenu li{}{
表示: インライン;
余白: 0 2px 0 0;
パディング: 0;
テキスト変換:大文字;
}
#modernbricksmenu a{}{
float: left;
表示: ブロック;
色: ホワイト;
余白: 0 1px 0 0; /**//*各メニュー項目間の余白*/
パディング: 5px 10px;
テキスト装飾: なし。
文字間隔: 1px;
背景色: 黒; /**//*デフォルトのメニュー色*/
border-bottom: 1px solid white;
}
#modernbricksmenu a:hover{}{
背景色: グレー; /**//*メニューホバーbgcolor*/
}
#modernbricksmenu #current a{}{ /**//*現在選択されているタブ*/
背景色: #D25A0B; /**//*茶色のテーマ*/
境界線の色: #D25A0B; /**//*茶色のテーマ*/
}
#modernbricksmenuline{}{
クリア: 両方;
パディング: 0;
幅: 100%;
高さ: 5ピクセル;
行の高さ: 5px;
背景: #D25A0B; /**//*茶色のテーマ*/
}
スタイル >
頭>
div >