在本教程中，我们将学习CSS Link样式属性。

锚标签

我们使用锚点标签" a"在HTML中创建链接。

我们可以使用大多数CSS属性来设置链接的样式，例如" color"，" font-size"，" font-family"，" background-color"等。

链接的重要状态

链接有4个重要状态，它可以处于任何一种状态。

• link链接-未访问时
• visited已访问-单击链接时
• hover悬停-鼠标悬停在链接上时
• active激活-单击链接时

我们使用链接的上述状态对其进行样式设置。
我们将这些状态用作伪类。

使用状态的样式链接

在下面的示例中，如果链接处于：link状态(即未访问)，则将其颜色设置为蓝色。

a:link {
	color : blue;
}

在以下示例中，如果链接处于'：visited'状态，则将其颜色设置为红色。

a:visited {
	color : red;
}

在以下示例中，如果链接处于"：hover"状态，则我们将链接的颜色设置为绿色，即鼠标悬停在链接上。

a:hover {
	color : green;
}

在以下示例中，如果链接处于"：active"状态(即链接被单击的那一刻)，则将其颜色设置为黄色。

a:active {
	color : yellow;
}

文字装饰

默认情况下，每个链接(无论其状态如何)都具有带有与链接文本匹配的颜色的下划线。

要设置样式，我们使用text-decoration属性。
它采用以下任一值。

• underline(默认值)
• none-如果我们不想要任何下划线
• overline
• line-through
• blink

在下面的示例中，我们将文本装饰设置为none。

a {
	color : blue;
	font-size : 120%;
	text-decoration : none;
}

在下面的示例中，我们将文本装饰设置为overline。

a {
	color : blue;
	font-size : 120%;
	text-decoration : overline;
}

在下面的示例中，我们将文本装饰设置为直通。

a {
	color : blue;
	font-size : 120%;
	text-decoration : line-through;
}

在下面的示例中，我们将文本装饰设置为闪烁。

a {
	color : blue;
	font-size : 120%;
	text-decoration : blink;
}