栏目导航

热点推荐

当前位置：主页>设计在线>CSS教程>资讯:利用CSS在导航条上标示当前所在频道

www.jz123.cn 2009-03-20 来源: 中国建站责任编辑(袁袁) 我要投递新闻

　　利用CSS在导航条上标示当前所在频道的技术，已经有很长时间了，在很多CSS的书中都介绍过，不过还是总被问到，因此写一个简单的示例来讲解一下。

　　其实原理非常简单：

　　1) 按照不同的频道(栏目)，分别为body定义id。例如：

首页：<body id="p_home">
Blog频道：<body id="p_blog">
相册频道：<body id="p_ablum">
频道内的所有页面都要统一定义id

　　2) 导航条的相应栏目，也定义id或者class：

　　3) 当前位置通过不同的body的id来分别：

#p_home .nav_home a,
#p_blog .nav_blog a,
#p_album .nav_album a {
……
}