ホームページ >ウェブフロントエンド >htmlチュートリアル >美しい黒の DIV+CSS ナビゲーション bar_html/css_WEB-ITnose
代:
<; html xmlns ="http://www.w3.org/1999/xhtml" >
<;頭>
<; meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" />
#メニュー {
背景 : #333 ;
float : 左 ;
リスト形式 : なし ;
マージン : 0 ;
パディング: 0 ;
幅 : 100% ;
高さ: 0ピクセル;
}
#menu li {
float : left ;
マージン : 0 ;
パディング: 0 ;
フォントファミリー: サンセリフ;
フォントサイズ : 67.5% ;
}
#menu a {
背景 : #333 ;
色: #ccc ;
表示 : リスト項目 ;
float : 左 ;
マージン : 0 ;
パディング: 8px 12px ;
フォントの太さ: 標準;
テキスト装飾: なし;
}
#menu a:hover {
背景 : #2580a2 ;
色: #fff ;
padding-bottom : 8px ;
}
スタイル >
<リ><; a href ="/sort/list_11_203_1.shtml" > Ajax/JavaScript a > li >
官方博客 a > li >
ボディ>