可通过内联样式style="color: #ff0000;"设置超链接颜色;2. 推荐使用CSS选择器在<style>中定义a { color: #0000ff; }统一控制;3. 还可区分a:link、a:visited、a:hover、a:active四种状态设置不同颜色,便于交互反馈。

在HTML中设置超链接的字体颜色,可以通过CSS来实现。以下是几种常用的方法:
1. 使用内联样式(直接在标签中写)
这种方法使用style属性直接设置颜色:<a href="https://example.com" style="color: #ff0000;">红色链接</a>
其中#ff0000代表红色,你可以替换为其他颜色代码。2. 使用CSS选择器(推荐方式)
在<head>区域或外部CSS文件中定义链接颜色:<style>
a {
color: #0000ff; /* 蓝色 */
}
</style>
3. 区分链接的不同状态
可以分别为链接的默认、点击、访问过、悬停状态设置颜色:<style>
a:link { color: #0000ff; } /* 未访问的链接 */
a:visited { color: #800080; } /* 已访问的链接 */
a:hover { color: #ff0000; } /* 鼠标悬停时 */
a:active { color: #008000; } /* 点击时 */
</style>
常用颜色代码示例:
-
#ff0000:红色
-
#0000ff:蓝色
-
#008000:绿色
-
#800080:紫色
-
#000000:黑色
- #ffffff:白色
基本上就这些方法,直接用style="color: #xxx;"最简单,做网页时建议用CSS统一管理。
立即学习“前端免费学习笔记(深入)”;










