通过CSS的color属性设置a标签不同状态的颜色，按LVHA顺序定义:link、:visited、:hover、:active可精准控制未访问、已访问、悬停和点击时的链接颜色，并建议使用外部样式表统一应用到网站。

要修改HTML超链接的字体颜色，可以通过CSS样式表针对 a 标签设置颜色属性。超链接有不同的状态，建议分别定义以获得更好的控制。

基本语法：设置链接颜色

使用 color 属性来改变链接文字的颜色：

a {
  color: blue;
}

区分链接的不同状态

超链接有四种常用状态，可分别设置颜色：

• a:link —— 未访问的链接
• a:visited —— 已访问的链接
• a:hover —— 鼠标悬停时
• a:active —— 正在被点击时

示例CSS代码：

htmlppt.skill

把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。

下载

a:link {
  color: #0000FF;
}

a:visited {
  color: #800080;
}

a:hover {
  color: #FF0000;
}

a:active {
  color: #008000;
}

应用到整个网站（外部样式表）

将上述CSS保存在一个 .css 文件中（如 style.css），然后在HTML中引入：

注意事项

顺序很重要：推荐按 :link → :visited → :hover → :active 的顺序书写，避免样式被覆盖（LVHA原则）。

基本上就这些，不复杂但容易忽略细节。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！