HTML 链接颜色
HTML 链接以不同的颜色显示，具体取决于它是否已被访问、未被访问或处于活动状态。
HTML 链接颜色
默认情况下，链接将如下所示（在所有浏览器中）：
- 未访问的链接带有下划线和蓝色
- 访问的链接带有下划线和紫色
- 活动链接带有下划线和红色
您可以使用 CSS 更改不同状态链接颜色：
实例
在这里，未访问的链接将是绿色的，没有下划线。访问的链接将为粉红色，不带下划线。活动链接将为黄色并带下划线。此外，当鼠标悬停在链接(a:hover)上时，该链接将变为红色并带有下划线：
<style>
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: pink;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
亲自试一试 »
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: pink;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
链接按钮
也可以使用 CSS 将链接样式设置为按钮：
This is a link实例
<style>
a:link, a:visited {
background-color: #f44336;
color: white;
padding: 15px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: red;
}
</style>
亲自试一试 »
a:link, a:visited {
background-color: #f44336;
color: white;
padding: 15px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: red;
}
</style>
阅读有关CSS的更多信息： CSS 教程。
HTML 链接标签
| 标签 | 描述 |
|---|---|
| <a> | 定义超链接 |
如需所有可用的 HTML 标签的完整列表，请访问 HTML 标签参考手册。
