非常酷的css带说明信息导航菜单

作者:不详　来源:中国建站　【大 中 小】　浏览:　添加日期：2010-10-12　我要评论(1)　

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>非常酷的css带说明信息导航菜单丨网页特效丨www.aa25.cn</title>
<style>
*{ margin:0; padding:0; list-style:none; font-size:12px; line-height:1.8;}
body{ background: #333}
#info{padding:50px;}
#infobox{padding:0px 20px;background-color: #640000;}
#center{background: #ABBAAC; border-top:2px solid #333; padding:20px;}
.c{ clear:both; height:1px; overflow: hidden; background:#333}
#infobox li{ border-right:1px solid #000; float:left; margin-right:1px; text-align:center;margin-top:-4px; }
a{ width:100px;line-height:28px; display:block;}
a:link,a:visited{color:#000;background:#FF9900;text-decoration: none;}
a:hover,a:active{ color:#FFFF00;background:#000;}
/*以是下显示TIP的内容*/
#infobox span{ display: none; }
#infobox a:hover span{display: block;position:absolute;border:1px solid #640000;background: #FFFFCC;margin-top:26px!important; margin-top:20px;color:#000;padding:5px;white-space: nowrap;}
</style>
</head>
<body>
<div id="info">
 <div id="infobox">
  <ul>
   <li><a href="http://www.aa25.cn"><span>从这里可以进入标准之路首页！</span>网站首页</a></li>
   <li><a href="#" ><span>专注于网页特效及广告代码！</span>网页特效</a></li>
   <li><a href="#" ><span>淘客源码下载、CMS系统源码下载！</span>源码下载</a></li>
   <li><a href="#" ><span>链接交换平台，发布友情链接交换交易信息！</span>链接平台</a></li>
   <li><a href="#" ><span>生活常识网！</span>生活常识</a></li>
   <li><a href="#"><span>记得常来哦！</span>您自定义</a></li>
  </ul>
  <div class="c"></div>
 </div>
<div id="center">
</div>
</div>
</body>
</html>

标准之路www.aa25.cn 提示：可以先修改部分代码后再运行

（如果您觉得本站不错，请告诉身边的朋友，或转载到论坛、百度知道、贴吧等，记得带网址哟，不胜感激！）

非常酷的css带说明信息导航菜单

作者:不详　来源:中国建站　【大 中 小】　浏览:　添加日期：2010-10-12　我要评论(1)

〖DIV+CSS实例〗Tags: 导航 菜单 css导航

所属专题：导航菜单

相关文章

更多评论(1)..会员评论

推荐文章

热门文章

最新图片素材

最新评论文章

推荐专题

在线交流QQ群

出差旅游免费预订酒店

【视频教程】新手常见问题

非常酷的css带说明信息导航菜单

作者:不详 来源:中国建站 【大 中 小】 浏览: 添加日期：2010-10-12 我要评论(1)

〖DIV+CSS实例〗Tags: 导航 菜单 css导航

所属专题：导航菜单

相关文章

更多评论(1)..会员评论

推荐文章

热门文章

最新图片素材

最新评论文章

推荐专题

在线交流QQ群

出差旅游免费预订酒店

【视频教程】新手常见问题

作者:不详　来源:中国建站　【大中小】　浏览:　添加日期：2010-10-12　我要评论(1)　

〖DIV+CSS实例〗Tags: 导航菜单 css导航