免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 1114 | 回复: 0
打印 上一主题 下一主题

一款DIV+CSS导航条效果 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2006-05-10 23:06 |只看该作者 |倒序浏览

作者:
yuanxm
 时间: 2006-04-18 文档类型:原创 来自:
蓝色理想

浏览统计 total:6154 | year:6154 | Quarter:6154 | Month:1576 | Week:705 | today:207

运行代码框
/*频道链接样式*/
.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; }
文化频道
音乐
专题
博客
尔玛论坛
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

CSS文件:
/*频道链接样式*/
.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(http://www.rrmea.cn/skin/Blue/arrow2.gif) no-repeat left; padding-left:10px; color:#457a8b; font-size:14px; font-weight:bold; }
.channel a:link { background:url(http://www.rrmea.cn/skin/Blue/arrow2.gif) no-repeat left; padding-left:10px; color:#457a8b; }
.channel a:visited { background:url(http://www.rrmea.cn/skin/Blue/arrow2.gif) no-repeat left; padding-left:10px; color:#457a8b; }
.channel a:hover { background:url(http://www.rrmea.cn/skin/Blue/arrow1.gif) no-repeat left; padding-left:10px; color:#78b4c7; }
.channel a:active { background:url(http://www.rrmea.cn/skin/Blue/arrow1.gif) no-repeat left; padding-left:10px; color:#78b4c7; }
图片文件下载:
arrow1.gif
arrow2.gif
DIV文件:
文化频道
音乐
专题
博客
尔玛论坛


本文来自ChinaUnix博客,如果查看原文请点:http://blog.chinaunix.net/u/15511/showart_110929.html
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP