发布时间:2026-09-28 17:16:01 浏览次数:1
HTML的超链接是网页制作中非常常用的元素,超链接字体颜色和点击后字体颜色是影响页面美观度的重要因素。下面是详细讲解“HTML设置超链接字体颜色和点击后的字体颜色”的完整攻略。
style属性来设置超链接字体颜色。html
<a href="http://www.example.com" >超链接</a>
在<a>标签中加入style属性可以通过CSS样式表来设置字体颜色,本例中color:blue;表示超链接字体颜色为蓝色。
css
a {
color: blue;
}
在CSS样式表中设置全局超链接字体颜色,标签为<a>,本例中color: blue;表示超链接字体颜色为蓝色。
css
a:visited {
color: red;
}
通过CSS伪类:visited来设置点击后的字体颜色,本例中color: red;表示点击后的字体颜色为红色。
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伪类表示已访问链接,设置其字体颜色为红色。