HTML如何设置点击超链接变成灰色
在HTML中，要设置点击超链接变成灰色，需要使用CSS样式来实现。下面我将简要介绍CSS中的伪类和链接样式，以及如何在HTML中应用这些样式。
首先，CSS中有一个伪类叫做 :visited，表示访问过的链接。我们可以使用这个伪类来修改已访问链接的样式。例如，下面的CSS样式会将已访问的链接的颜色设置为灰色：
a:visited {
color: #666666;
}
上面的代码中，a表示超链接标签，:visited表示已访问的链接，color表示颜色。#666666表示灰色的RGB数值。
接下来，我们可以使用CSS中的 :hover伪类来设置鼠标悬浮链接时的样式。例如，下面的CSS样式会将鼠标悬浮在链接上时的颜色设置为深灰色：
a:hover {
color: #333333;
}
上面的代码中，a表示超链接标签，:hover表示鼠标悬浮在链接上，color表示颜色。#333333表示深灰色的RGB数值。
最后，我们可以使用CSS中的 :active伪类来设置鼠标点击链接时的样式。例如，下面的CSS样式会将鼠标点击链接时的颜色设置为浅灰色：
a:active {
color: #999999;
}
上面的代码中，a表示超链接标签，:active表示鼠标点击链接时，color表示颜色。#999999表示浅灰色的RGB数值。
现在我们已经了解了CSS中的伪类和颜色样式，接下来我们可以在HTML中应用这些样式。下面是一个示例：
<!DOCTYPE html>
<html>
<head>
<title>点击链接变色</title>
<style>
a:visited {
color: #666666;
}
a:hover {
color: #333333;
}
a:active {
color: #999999;
}
</style>
</head>
<body>
<a href="#">这是一个链接</a>
</body>
</html>
上面的HTML代码中，我们在head标签中添加了一个style标签，用来设置链接的样式。其中，a:visited表示已访问链接的样式，a:hover表示鼠标悬浮链接的样式，a:active表示鼠标点击链接的样式。通过设置不同的颜色，我们可以让链接在不同状态下显示不同的颜色。
总结：想要在HTML中设置链接的样式，需要使用CSS样式表。可以通过伪类来设置链接的不同状态下的样式，通过颜色和其他样式属性来设置链接的不同颜色和样式。