CSS问题!

yymzzl 2006-08-29 03:12:19

<DIV class=tabs >
<A class=selected href="../default.asp" >首页</A>
<A class= href="../personal.asp" >简介</A>
<A class=plain href="biancheng.asp">编程探索</A>
<A class=plain href="security.asp">安全文摘</A>
<A class=plain href="new.asp">新闻动态</A>
<A class=plain href="">关于我们</A>
</DIV>

我在CSS定义了tabs 和 selected 但不太会用还
就是简单的动态导航,比如点首页 class调用selected 我想用一个导航实现,当点不同的连接,自动调用selected

谢谢大家,有简单方法吗?

...全文

112 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

yymzzl 2006-09-09

打赏
举报

可以是可以可我不知道怎么实现
我定义的css 也就是导航的
DIV.tabs A {
BORDER-RIGHT: #8cacbb 1px solid; PADDING-RIGHT: 1.8em; BORDER-TOP: #8cacbb 1px solid; PADDING-LEFT: 1.8em; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0em; TEXT-TRANSFORM: lowercase; BORDER-LEFT: #8cacbb 1px solid; COLOR: #436976; MARGIN-RIGHT: 0.5em; PADDING-TOP: 0.1em; BORDER-BOTTOM: #8cacbb 1px
}
DIV.tabs A.selected {
BORDER-RIGHT: #8cacbb 1px solid; BORDER-TOP: #8cacbb 1px solid; FONT-WEIGHT: normal; BACKGROUND: #dee7ec; BORDER-LEFT: #8cacbb 1px solid; COLOR: #436976; PADDING-TOP: 0.1em; BORDER-BOTTOM: #dee7ec 1px solid
}
DIV.tabs A:hover {
BORDER-LEFT-COLOR: #8cacbb; BACKGROUND: #dee7ec; BORDER-BOTTOM-COLOR: #dee7ec; COLOR: #436976; BORDER-TOP-COLOR: #8cacbb; TEXT-DECORATION: none; BORDER-RIGHT-COLOR: #8cacbb
}
----------------
程序代码:
<DIV class=tabs >
<A class=selected href="../default.asp" >首页</A>
<A class=plain href="../personal.asp" >简介</A>
<A class=plain href="biancheng.asp">编程探索</A>
<A class=plain href="security.asp">安全文摘</A>
<A class=plain href="new.asp">新闻动态</A>
<A class=plain href="">关于我们</A>
</DIV>
就是简单的动态导航,比如点首页 class调用selected 我想用一个导航实现,当点不同的连接,自动调用selected 没有被点的默认是class=plain,点的就变成class=selected

各位高手帮帮忙啊谢谢了

yymzzl 2006-08-30