本文介绍如何使用CSS对链接的不同状态（未访问、已访问、悬停、活动）进行样式设置，包括颜色变化及去除下划线等效果。
1.CSS对于链接有四种状态，分别为：
a:link 未被点击前的状态
a:visited 已被点击后的状态
a:hover 鼠标放置与链接上时的状态
a:active 鼠标点击时的状态
分别对几种状态进行设置则可以完成不同状态时的显示效果（通常为颜色效果）
html代码：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
</body>
<a href="www.baidu.com">百度</a>
</html>a:link{
color:#FF0000
text-decoration:none
}
a:visited{
color:#00FF00
}
a:hover{
color:#0000FF
}
a:active{
color:#0000FF
}已经点击后则显示绿色；
鼠标放上去和点击时则显示为蓝色；
并且text-decoration:none为将链接的下划线去掉不显示；
扫一扫
1350
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
