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

发布时间:2026-09-28 17:16:01 浏览次数:1

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

设置超链接字体颜色

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

html
<a href="http://www.example.com" >超链接</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伪类表示已访问链接,设置其字体颜色为红色。

需要做网站?需要网络推广?欢迎咨询客户经理 13272073477