您现在正在浏览：首页 > 网页制作 > CSS >

DIV+CSS的一个导航条（测试代码）

时间:2007-08-08 11:42:18 来源:子鼠BLOG 作者:子鼠

一个导航条制作的前的测试代码！没有优化！

#e1e1e1; line-height:24px; border-top:2px solid #FFFFFF}
#m li a:hover,#meuna li a:active{line-height:24px;}

#q1 a:hover,#q1 a:active{background:#CC00FF;color: #FFF;}
#q2 a:hover,#q2 a:active{background:#0033FF;color: #FFF;}
#q3 a:hover,#q3 a:active{background:#660000;color: #FFF;}
#q4 a:hover,#q4 a:active{background:#006633;color: #FFF;}
#q5{font-weight: bold;text-align:center;cursor:pointer;width:86px;margin-right:2px;background:#990066;color: #FFF;line-height:26px;}

#b{font-size:12px;background:#990066; text-align:center; line-height:26px; color:#FFF; clear:both;}
</style>

<div id="m">
<ul>
 <li id="q1"><a href="http://www.chinahtml.com">站长资讯</a></li>
 <li id="q2"><a href="http://www.chinahtml.com">网页设计</a></li>
 <li id="q3"><a href="http://www.chinahtml.com">网站编程</a></li>
 <li id="q4"><a href="http://www.chinahtml.com">网站欣赏</a></li>
 <li id="q5">站长学习乐园</li>
</ul>
</div>
<div id="b">站长资讯欢迎您</div>

友情提示：全选代码复制运行，您也可以先修改部分代码再运行查看效果。

网友评论加入收藏打印本文错误报告论坛讨论关闭此页

上一篇：CSS层叠样式的主次顺序

下一篇：教你DIV+CSS制作另一导航条效果

2007-08-07 16:29:28CSS层叠样式的主次顺序
2007-08-07 16:20:11用CSS轻松实现网上注册表
2007-08-07 15:53:44CSS:标准的语义的非侵入的页签切换
2007-08-06 11:47:42一行三列DIV+CSS布局解析
2007-08-05 14:29:29网页制作CSS之DIV长度相等的几个办法
2007-08-04 14:54:3270位专家谈CSS设计
2007-08-03 15:16:10css背景渐变的技巧与方法
2007-08-02 12:06:36DIV CSS图形菜单之仿DreamWeaver
2007-08-02 10:14:19理解Web框架，和如何构建一个CSS框架
2007-08-01 17:22:12在DreamWeaver中编写CSS的一些习惯建议

文章评论

共有位CH网友发表了评论查看完整内容

站长资讯

DIV+CSS的一个导航条（测试代码）

相关文章

文章评论

特别推荐

24小时热门信息

最新信息