【学习】css之链接在不同状态下显示不同颜色

1.CSS对于链接有四种状态，分别为：

   a:link           未被点击前的状态

   a:visited     已被点击后的状态

   a:hover       鼠标放置与链接上时的状态

   a:active      鼠标点击时的状态

分别对几种状态进行设置则可以完成不同状态时的显示效果（通常为颜色效果）

html代码：

    
	
	



    百度

css代码

a:link{
    color:#FF0000
    text-decoration:none
 }
 a:visited{
    color:#00FF00
}
a:hover{
    color:#0000FF
}
a:active{
    color:#0000FF
}

如此实现的效果为未被点击时为红色，

已经点击后则显示绿色；

鼠标放上去和点击时则显示为蓝色；

并且text-decoration:none为将链接的下划线去掉不显示；