这是使用伪类来实现的，看看HTML的伪类
<!DOCTYPE html><html>
<head>
<style>
a:link {color:#000000;} / 未被访问的链接 /
a:visited {color:#00FF00;} / 已被访问的链接 /
a:hover {color:#FF0000;} / 鼠标指针移动到链接上 /
a:active {color:#0000FF;} / 正在被点击的链接 /
</style>
</head>
<body>
<p><b><a href="/indexhtml" target="_blank">这是一个链接</a></b></p>
<p><b>注释：</b>为了使定义生效，a:hover 必须位于 a:link 和 a:visited 之后！！</p>
<p><b>注释：</b>为了使定义生效，a:active 必须位于 a:hover 之后！！</p>
</body>
</html>
1、需要使用a标签的伪类实现效果，具体方法首先用hbuilder软件新建一个html文件，里面写入5个a标签备用：
2、然后在上面的style标签中写入样式，分别设置a标签的两个伪类link和active的字体颜色一致，然后在设置字体的大小和下划线为none：
3、最后来到浏览器，可以看到5个a标签，当点击a标签的时候颜色也不会变化：
a:link {color:#FF0000;
text-decoration:underline;
}这个是设置超链接字体颜色，并且去掉下划线。
a:visited {
color:#00FF00;
text-decoration:none;
}
这个是已经访问的链接之后的颜色，颜色你可以随便设置。<a style=" color:Gray;">1</a>
<a style=" color:Fuchsia;">2</a>
<a style=" color:Aqua;">3</a>例如要改变demo类的a标签，滑过变红色。
<div class="demo">
<a>实例</a>
</div>
css样式：
demo a:hover{color:red;}用户自己设置的。html超链接字体颜色用户是可以自己设置的，一半红色一半紫色，是正常现象。html超文本标记语言，是一种标记语言，它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）