DIV+CSSの簡単なナビゲーションバー

簡単なナビゲーションバーで、ここに置いておくと便利になります.
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;ウェブサイトトップページ

マイログ

メッセージをくれ

感情的な文章.

ウェブサイトトップページ

マイログ

メッセージをくれ

感情的な文章.

ウェブサイトトップページ

マイログ

[Ctrl+A全オプション:外部Jsを導入するにはリフレッシュが必要]