WEB开发网
开发学院网页设计DivCss 用css样式控制超链接颜色显示 阅读

用css样式控制超链接颜色显示

 2008-08-18 19:25:26 来源:WEB开发网   
核心提示:很多人在网页上实现不同链接有不同的颜色上不知如何处理,如果改a的属性,用css样式控制超链接颜色显示,好像所有的链接的颜色都改了,事实上,像这样:<span class=line1><a href="/">不同颜色的超链接</a></span>,这样的

很多人在网页上实现不同链接有不同的颜色上不知如何处理,如果改a的属性,好像所有的链接的颜色都改了。

事实上,采用CSS样式实现这个效果比较简单。


先看一下常用设置:
a:link 超链接的普通样式
a:visited 点击过的
a:hover 鼠标经过时的
a:active 单击时
a:link{text-decoration:none;}    无下划线
a:link{text-decoration:underline;}  有下划线


为了实现不同链接不同效果,我们要为不同效果的那个链接专门定义一个css规则。
比如:
我们常规css是这样的:
a:link{color:#ff0000}
那么网页上所有链接的颜色都是:#ff0000。
现在我们改一下:
a:link{color:#ff0000}
.line1 a:link{color:#000000}
同时,在要改变颜色的链接前加上css定义,像这样:<span class=line1><a href="/">不同颜色的超链接</a></span>,这样的话,这个链接的颜色就改变了。

Over~~

Tags:css 样式 控制

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接