通过CSS伪类可设置超链接不同状态的颜色:a:link设未访问色,a:visited设已访问色,a:hover设悬停色,a:active设点击色,推荐使用外部样式表并按LVHA顺序书写以确保生效。

要设置HTML超链接的字体颜色,可以通过CSS对a标签进行样式定义。超链接在不同状态下(如未访问、已访问、悬停、点击时)可以有不同的颜色表现,使用伪类可以精确控制这些状态。
1. 基本语法:设置默认链接颜色
直接为a标签设置color属性即可改变字体颜色:
a { color: blue; }
2. 区分链接的不同状态
利用CSS伪类可以分别设置链接的各种状态颜色:- a:link —— 未访问的链接
- a:visited —— 已访问的链接
- a:hover —— 鼠标悬停时
- a:active —— 正在点击时
a:link {
color: blue;
}
a:visited {
color: purple;
}
a:hover {
color: red;
}
a:active {
color: green;
}
3. 应用方式
你可以将上述CSS写在以下位置之一:- 内联样式:不推荐用于链接颜色(难以管理)
-
内部样式表:放在HTML的
中使用标签 - 外部样式文件:推荐方式,便于维护和复用
4. 注意事项
为了确保样式生效,建议遵循伪类的书写顺序(LVHA):- :link
- :visited
- :hover
- :active










