链接可以使用CSS伪类向文本超链接添加复杂而多样的样式。伪类有很多种，下面我们讲“锚伪类”。

锚伪类

链接的不同状态都可以以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。

a:link {
	color: #FF0000
}	/* 未访问的链接 */
a:visited {
	color: #00FF00
}	/* 已访问的链接 */
a:hover {
	color: #FF00FF
}	/* 鼠标移动到链接上 */
a:active {
	color: #0000FF
}	/* 选定的链接 */

例，我们要给全局文本链接加样式，默认情况下没有下划线，颜色绿色。鼠标经过时显示下划线。点击的一瞬间文本变红色。被点击过的链接依然是绿色。

a, a:link, a:visited {
	text-decoration: none;
	color: green
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: red
}

大家可以自己试一试，看看实际的效果。

其中:hover不仅可以在a上使用，也可以在任何一个元素上使用。使其产生鼠标响应事件。
例如我们想让div在鼠标经时背景变成黑色：

div:hover{
background:black;
}

text-decoration属性

默认情况下，文本链接是有下划线的。想去掉默认的下划线就需要：

a:link {
	text-decoration:none;
}

text-decoration 英文意思为：文本-装饰

text-decoration 有 4 个常用值：

• none （无）
• underline （下划线）
• overline （上划线）
• line-through （删除线）

相关英语

link = 链接
visited = 已访问
hover = 悬停，盘旋
active = 激活的
decoration = 装饰
line = 线
through = 穿过