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

王朝html/css/js·作者佚名  2008-08-19
窄屏简体版  字體: |||超大  

很多人在网页上实现不同链接有不同的颜色上不知如何处理,如果改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~~

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航