如何在html中更改链接的默认颜色? (一条链接)

时间:2017-02-13 19:07:37

标签: html css hyperlink styles

我想在以下脚本中将超链接的默认蓝色更改为绿色,但我不断获得粉红色链接。

您是否可以告诉我如何在未点击链接时将其变为绿色?提前谢谢。

我正在寻找的是:

  • a)在尚未点击
  • 时设置绿色链接
  • b)鼠标悬停链接时有红色链接
  • c)鼠标点击链接时有黄色链接
  • d)点击链接后有粉红色链接



<!DOCTYPE html>
     <html>
     <head>
<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>
</head>
<body>

<p>You can change the default colors of links</p>

<a href="http://www.w3schools.com/html/html_images.asp" 

target="_blank">HTML Images</a> 

</body>
</html>
&#13;
&#13;
&#13;

3 个答案:

答案 0 :(得分:0)

问题是

a:visited {
    color: pink;
    background-color: transparent;
    text-decoration: none;
}

访问过的链接将以粉红色显示,因此如果您希望访问链接和普通链接为绿色,请使用

a:link {
    color: green;
    background-color: transparent;
    text-decoration: none;
}
a:visited {
    color: green;
    background-color: transparent;
    text-decoration: none;
}

答案 1 :(得分:0)

问题出在&#34;:link&#34;只是删除它。

答案 2 :(得分:0)

这是不合逻辑的。如果为访问链接定义颜色(粉红色),则所有访问过的链接都会变为粉红色!

我猜您正在尝试使用导航栏并显示活动页面吗?

所以请查看此示例:

http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_black_active