divcss导航条:一个非常棒的DIV+CSS导航条效果！来源: 发布时间:星期四, 2009年2月12日 浏览:884次 评论:0
 个非常棒 DIV+CSS导航条效果！看下面图片:看下面 代码:<style> * {margin:0; padding:0; list-style:none;} body{font-size:12px; margin:100px;} #info{border:1px solid #BCFF1D; width:348px; background:#D6FF8C url(http://shanghai.kijiji.cn/cg_img/home_r_bg1.g  ) no-repeat left top; float:left; }#info ul{ margin:5px;width:338px} #info li{ width:33%; height:40px; float:left;} #info li a{ font-size:12px; font-weight:normal; line-height:35px; display:block;color:#000; text-decoration:none; padding-left:40px;background:url(http://shanghai.kijiji.cn/cg_img/home_r_bg2.g ) no-repeat;}#info li a:link,#info li a:visited{background-position:center top} #info li a:hover,#info li a:active{background-position:center bottom} </style> </head> <body> <div id=\"info\"> <ul> <li></li> <li><a href=\"http://pages.kijiji.cn/landing/job/\" target=\"_blank\">找工作</a></li> <li><a href=\"http://pages.kijiji.cn/landing/house/\" target=\"_blank\">找房子</a></li> <li><a href=\"http://sweater.kijiji.cn/m.php?no=27008\" target=\"_blank\">自行车买卖</a></li> <li><a href=\"http://sweater.kijiji.cn/m.php?no=27006\" target=\"_blank\">带车求职</a></li> <li><a href=\"http://sweater.kijiji.cn/m.php?no=27004\" target=\"_blank\">拼车上下班</a></li> <li><a href=\"http://sweater.kijiji.cn/m.php?no=21013\" target=\"_blank\">技能交换</a></li> <li><a href=\"http://sweater.kijiji.cn/m.php?no=23001\" target=\"_blank\">物品交换</a></li> <li><a href=\"http://sweater.kijiji.cn/m.php?no=26008\" target=\"_blank\">语言交换</a></li> </ul> </div> </body> 查看运行效果: =\"ubbbuttonrt\">[ 可先修改部分代码 再运行查看效果 ] 本文作者:zishu 1
相关文章读者评论发表评论 |
 |
专注于互联网--专注于架构 |
最新标签 网站地图 文章索引 Rss订阅 |
