分享个DIV+CSS漂亮的导航代码
CSS样式和HTML代码以及附件如下,请下载自行修改!
#menu_bg { height: auto; clear: both; text-align: center; margin: auto; font-family: "Microsoft Yahei", Tahoma, Arial; background-image: url(menubg.png); background-repeat: no-repeat; background-position: top; } #nav { background-image: url(menubg.jpg); background-repeat: repeat-x; text-align: left; width: 960px; margin: 0px auto; line-height: 40px; height: 40px; background-position: top; font-size: 14px; } #nav ul { clear: left; margin: 0px; padding: 0px; list-style-type: none; text-align: center; } #nav li {float:left;display: block;margin: 0px;padding:0px;text-align: center;line-height:40px;} #nav li a {display: block;margin:0px;padding:0px;width: 80px;color: #FFF;text-decoration: none;} #nav li a:hover {color:red;}
<div id="menu_bg"> <div id="nav"> <ul> <li><a href="https://lanye.org" title="蓝叶的博客">网站首页</a></li> <li><a href="https://lanye.org" title="游戏收藏">游戏收藏</a></li> <li><a href="https://lanye.org" title="网站设计">网站设计</a></li> <li><a href="https://lanye.org" title="绿色软件">绿色软件</a></li> <li><a href="https://lanye.org" title="免费资源">免费资源</a></li> <li><a href="https://lanye.org" title="在线杀毒">在线杀毒</a></li> <li><a href="https://lanye.org" title="网络硬盘">网络硬盘</a></li> <li><a href="https://lanye.org" title="网赚资源">网赚资源</a></li> <li><a href="https://lanye.org" title="音乐欣赏">音乐欣赏</a></li> </ul> </div> </div>
- 版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《蓝叶》。
- 本文网址:https://lanye.org/web/253.html
- 上篇文章:EMLOG5.0仿腾讯视频模板更新
- 下篇文章:每天挂机一小时签到领取迅雷会员

黎健雄2012-10-13 22:25回复
#1
沙发一个~~支持~~~