📅  最后修改于: 2023-12-03 15:38:31.755000             🧑  作者: Mango
在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
伪类,我们可以针对链接的不同状态进行颜色样式的设置。