要修改HTML超链接字体颜色，需在外部CSS文件中通过a标签的color属性设置。首先创建style.css文件，定义a{color:blue;}以改变颜色并去除下划线；其次利用伪类区分不同状态：a:link设未访问链接为蓝色，a:visited设已访问链接为紫色，a:hover设悬停时为红色，a:active设点击时为绿色；然后在HTML头部用link标签引入该CSS文件；最后注意伪类顺序应为LVHA（:link→:visited→:hover→:active），防止样式覆盖，确保效果正确显示。
要通过外部样式表修改HTML超链接的字体颜色，你需要在CSS文件中针对 a 标签设置 color 属性。下面是如何操作的具体方法。
1. 创建外部CSS文件
创建一个CSS文件，比如命名为 style.css，然后在里面写入对超链接样式的定义。a {
color: blue;
text-decoration: none;
}上面代码会把所有超链接的文字颜色设为蓝色，并去掉下划线。
2. 区分超链接的不同状态
超链接有多个状态，可以通过伪类分别设置颜色：- a:link —— 未访问的链接
- a:visited —— 已访问的链接
- a:hover —— 鼠标悬停时
- a:active —— 链接被点击时
示例：
a:link {
color: #0000FF;
}
a:visited {
color: #800080;
}
a:hover {
color: #FF0000;
}
a:active {
color: #008000;
}3. 在HTML中引入外部样式表
确保你的HTML文件通过 link 标签正确引入了CSS文件：<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>超链接颜色示例</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<a href="https://example.com">这是一个链接</a>
</body>
</html>4. 注意事项
为了确保样式生效，建议遵循伪类的书写顺序（LVHA）：:link → :visited → :hover → :active，避免样式被覆盖。基本上就这些，只要CSS正确引入，超链接颜色就能按你设定的方式显示。
立即学习“前端免费学习笔记（深入）”；
