繁体中文
设为首页
加入收藏
当前位置:网站制作首页 >> CSS教程 >> 使用css在不同页面上使用同样的导航代码

使用css在不同页面上使用同样的导航代码

2007-06-15 08:00:00  作者:  来源:互联网  浏览次数:1  文字大小:【】【】【
简介:查了相关的资料,在这个过程中发现,使用flash实现这样的效果 需要通过后台,这个因为我不太了解,暂且不表,说说最近在学的css 如何用css实现在不同页面上使用相同的导航代码 原理: 通过为每个页面的body定义一...

查了相关的资料,在这个过程中发现,使用flash实现这样的效果

需要通过后台,这个因为我不太了解,暂且不表,说说最近在学的css

如何用css实现在不同页面上使用相同的导航代码

原理:

通过为每个页面的body定义一个id

根据css的继承特性("好像有这个说法吧,不好意思记得不是很清楚")

利用#body #nav a的形式

实现在不同页面中

与页面相对应的链接的颜色与其它链接的颜色不同

下面看看我的代码:

常规的链接可以这样定义

#topnav a:hover,

#topnav a:focus{background:#555;}

#topnav a:active {

background:#920D02;

color:#fff;

}

定义一个区别于一般链接的超链接

#home #nav-home a,

#contact #nav-contact a {

background:#91cc14;

color:#000;

}

xhtml

首页

联系我们

至此,目标实现 ^_^

责任编辑:admin
相关文章