网站制作知识-div+css导航条
今天在网上搜到一款经典的div+css导航，特意发上来给大家分享，我想对于网站制作，学习div+css的朋友或许会有帮助。
<style>
/*频道链接样式*/
.channel { width:350px; margin:12px 0px 0px 175px; height:30px; line-height:30px; text-align:center; }
.channel ul { list-style:none; margin:0px;}
.channel li { float:left; padding-left:8px; }
.channel a { background:url(/articleimg/2006/04/3385/arrow2.gif) no-repeat left; padding-left:10px; color:#457a8b; font-size:14px; font-weight:bold; }
.channel a:link { background:url(/articleimg/2006/04/3385/arrow2.gif) no-repeat left; padding-left:10px; color:#457a8b; }
.channel a:visited { background:url(/articleimg/2006/04/3385/arrow2.gif) no-repeat left; padding-left:10px; color:#457a8b; }
.channel a:hover { background:url(/articleimg/2006/04/3385/arrow1.gif) no-repeat left; padding-left:10px; color:#78b4c7; }
.channel a:active { background:url(/articleimg/2006/04/3385/arrow1.gif) no-repeat left; padding-left:10px; color:#78b4c7; }
</style>
<body>
<div class="channel">
<UL>
<LI><A title=网站制作 href="http://www.wzzz8.com/fwxm/wzzz/wzzztc/">网站制作</A></LI>
<LI><A title=上海网站制作 href=http://www.wzzz8.com>上海网站制作</A></LI>
<LI><A title=上海网站制作公司 href=http://www.wzzz8.com>上海网站制作公司</A></LI>
<LI><A title=flash制作 href=http://www.wzzz8.com/Flashzz/>flash制作</A></LI>
<LI><A title=网站优化 href=http://www.wzzz8.com/fwxm/wzyh/>网站优化</A></LI></UL></div>
</body>
以下是图像文件
测试方法：复制<style></style>样式于<head></head>标签中 复制<div></div>于<body></body>标签中
上海网站制作公司（www.wzzz8.com）艾沃网站制作中心具体制作内容：网站制作公司,上海网站制作公司,上海网站制作, 上海网站建设 ,网站建设,网站优化,flash制作,flash制作知识,网站制作知识,网站优化知识,flash知识
- 联系我们
-
-
wzzz8-001
-
wzzz8-002
-
wzzz8-003
-
- 本周排行TOP10
- 用户信息中心
-
