DIV+CSSの簡単なナビゲーションバー
2866 ワード
簡単なナビゲーションバーで、ここに置いておくと便利になります.
ie 7/ie 7/Firefoxはすべてテストしました.問題ありません.
効果ページ
www.zishu.cn*{padding:0;margin:0;font-size:12 px;line-height:1.7;font-family:Verdana,“宋体”,Arial;list-style:none;}/*グローバル*/a:link,a:visited{background:#FFF 3 C 6 url(jaian.gif)no-repeat 15 px 7 px;padding-left:23 px;color:#00000;text-decoration:none;a:hover,a:active{color:#000;text-decoration: none;background-color: #FED762;} a{display:block;border-bottom:1px solid #fff; padding-left:10px; width:127px; }/*リンクを定義するスタイル*/ul{background:#fff;width:150 px;border:1 px solid#FF 6600;margin:0 px 20 px-1 px 20 px;padding:1 px;}/*UL*/span{display:block;background:#FF 9900 url(jai.gif)no-repeat 5 px 5 px;padding-left:13 px;ウェブサイトトップページ マイログ メッセージをくれ 感情的な文章. ウェブサイトトップページ マイログ メッセージをくれ 感情的な文章. ウェブサイトトップページ マイログ [Ctrl+A全オプション:外部Jsを導入するにはリフレッシュが必要]
ie 7/ie 7/Firefoxはすべてテストしました.問題ありません.
*{ padding:0; margin:0; font-size:12px; line-height:1.7; font-family:Verdana, " ", Arial; list-style:none;}
/* */
a:link,a:visited{background:#FFF3C6 url(jaian.gif) no-repeat 15px 7px; padding-left:23px; color:#000000;text-decoration: none;}
a:hover,a:active{color:#000;text-decoration: none;background-color: #FED762;}
a{display:block;border-bottom:1px solid #fff; padding-left:10px; width:127px; }
/* */
ul{ background:#fff; width:150px; border:1px solid #FF6600; margin:0px 20px -1px 20px; padding:1px;}
/* UL*/
span{ display:block;background:#FF9900 url(jai.gif) no-repeat 5px 5px; padding-left:13px;}
効果ページ
www.zishu.cn*{padding:0;margin:0;font-size:12 px;line-height:1.7;font-family:Verdana,“宋体”,Arial;list-style:none;}/*グローバル*/a:link,a:visited{background:#FFF 3 C 6 url(jaian.gif)no-repeat 15 px 7 px;padding-left:23 px;color:#00000;text-decoration:none;a:hover,a:active{color:#000;text-decoration: none;background-color: #FED762;} a{display:block;border-bottom:1px solid #fff; padding-left:10px; width:127px; }/*リンクを定義するスタイル*/ul{background:#fff;width:150 px;border:1 px solid#FF 6600;margin:0 px 20 px-1 px 20 px;padding:1 px;}/*UL*/span{display:block;background:#FF 9900 url(jai.gif)no-repeat 5 px 5 px;padding-left:13 px;ウェブサイトトップページ