css样式怎么控制超链接字体颜色?具体方法

发布时间:2020-03-25编辑:脚本学堂
本文介绍了css控制超链接字体颜色的具体方法,为了实现不同链接不同效果,要为不同效果的那个链接专门定义一个css规则,需要的朋友参考下。

在网页上实现不同链接有不同的颜色上,如果改a的属性,好像所有的链接的颜色都改了。
可以采用css样式实现这个效果,下面就介绍下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>,这样链接的颜色就改变了。