ナビゲーション バー DIV+CSS_html/css_WEB-ITnose の効果

转自 http://www.zishu.cn/blogview.asp?logID=591
导航条的一个效果 DIV+CSS

现在应用于客齐集网站！

程序代码

  

    

    
• 找工作

    
• 找房子

    
• 自行车买卖

    
• 带车求职

    
• 拼车上下班

    
• 技能交换

    
• 物品交换

    
• 语言交换

  

HTML代コード

* {マージン:0;パディング:0; list-style:none;} body{font-size:12px; margin:100px;} #info{border:1px ソリッド #BCFF1D;幅:348ピクセル;背景:#D6FF8C url(http://shanghai.kijiji.cn/cg_img/home_r_bg1.gif) 左上、繰り返しなし。フロート:左; } #info ul{ margin:5px;width:338px} #info li{width:33%;高さ:40ピクセル; float:left;} #info li a{ font-size:12px;フォントの太さ:標準;行の高さ:35px;表示:ブロック;カラー:#000;テキスト装飾:なし; padding-left:40px;background:url(http://shanghai.kijiji.cn/cg_img/home_r_bg2.gif) no-repeat;} #info li a:link,#info li a:visited{background-position:center top} #info li a:hover,#info li a:active{background-position:centerbottom}

• 找工作
• 找房子
• 自行车买卖
• 带车求职
• 拼车上下班
• 技能交换
• 物品交换
• 语言交换

[Ctrl+A 全部选择 ヒント：你可先修正部分代码，再按运行]

测试用！

现在应用客齐集网站！