HTML设置超链接字体颜色和点击后的字体颜色

HTML的超链接是网页制作中非常常用的元素，超链接字体颜色和点击后字体颜色是影响页面美观度的重要因素。下面是详细讲解“HTML设置超链接字体颜色和点击后的字体颜色”的完整攻略。

设置超链接字体颜色

1. 通过style属性来设置超链接字体颜色。

html
<a href="http://www.example.com" style="color:blue;">超链接</a>

在<a>标签中加入style属性可以通过CSS样式表来设置字体颜色，本例中color:blue;表示超链接字体颜色为蓝色。

1. 在CSS样式表中设置超链接字体颜色。

css
a {
color: blue;
}

在CSS样式表中设置全局超链接字体颜色，标签为<a>，本例中color: blue;表示超链接字体颜色为蓝色。

设置点击后的字体颜色

1. 通过CSS伪类设置点击后的字体颜色。

css
a:visited {
color: red;
}

通过CSS伪类:visited来设置点击后的字体颜色，本例中color: red;表示点击后的字体颜色为红色。

1. 在CSS样式表中设置全局点击后字体颜色。

css
a:link {
color: blue;
}
a:visited {
color: red;
}

在CSS样式表中通过伪类:visited和:link来设置全局点击后的字体颜色，:link表示超链接选择器，表示未点击的链接，a:visited表示已访问的链接，本例中color: blue;和color: red;分别表示未点击的链接字体颜色为蓝色，已访问的链接字体颜色为红色。

示例 1：

<a href="http://www.example.com" style="color:green; text-decoration:none;">超链接</a>

本例中style属性中的color:green;表示超链接字体颜色为绿色，text-decoration:none;表示去掉下划线。

示例 2：

  a {
    color: blue;
    text-decoration: none;
  }

  a:visited {
    color: red;
  }

本例通过CSS样式表中设置全局超链接字体颜色为蓝色，去掉下划线。:visited伪类表示已访问链接，设置其字体颜色为红色。