📜  如何在CSS中更改链接颜色(1)

📅  最后修改于: 2023-12-03 15:38:31.755000             🧑  作者: Mango

如何在CSS中更改链接颜色

在CSS中更改链接的颜色,需要针对以下三个状态进行设置:

  • 未被访问时的状态
  • 被访问后的状态
  • 鼠标悬停在链接上时的状态

我们可以使用CSS的伪类来针对这三个状态进行样式设置。

未被访问时的状态

在CSS中,使用:link伪类来设置未被访问时的链接样式。以下是一个例子,将未被访问时的链接颜色设置为蓝色。

a:link {
  color: blue;
}
被访问后的状态

在CSS中,使用:visited伪类来设置被访问后的链接样式。以下是一个例子,将被访问后的链接颜色设置为紫色。

a:visited {
  color: purple;
}
鼠标悬停在链接上时的状态

在CSS中,使用:hover伪类来设置鼠标悬停在链接上时的链接样式。以下是一个例子,将鼠标悬停在链接上时的链接颜色设置为红色。

a:hover {
  color: red;
}
综合应用

以下是一个完整的例子,将未被访问时的链接颜色设置为蓝色,被访问后的链接颜色设置为紫色,鼠标悬停在链接上时的链接颜色设置为红色。

a:link {
  color: blue;
}

a:visited {
  color: purple;
}

a:hover {
  color: red;
}

以上就是在CSS中更改链接颜色的方法。通过设置:link:visited:hover伪类,我们可以针对链接的不同状态进行颜色样式的设置。