怎么用CSS控制点击超链接后的颜色！！

发布网友发布时间：2022-03-26 11:20

我来回答

共5个回答

热心网友时间：2022-03-26 12:49

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：

a{color: black}

a:hover{color: red}

a:visited{color: red}

3、浏览器运行index.html页面，此时黑色的超链接被移入和点击后是红色的。

热心网友时间：2022-03-26 14:07

使用:visited伪类选择器

如下设置页面上所有超链接标记点击后的字体颜色为红色

a:visited{
color:red;
}

热心网友时间：2022-03-26 15:42

点了下一个后，前面点击的那个链接颜色变回来，是不可能的。

热心网友时间：2022-03-26 17:33

原创，手机打，好的话，给分呀^_^

<style>
.t{color:#000;}
.t a{color:#000}
.t a:hover{color:#ff0000}
.t a:active{color:#ff0000}
</style>
<div class="t"><a href="#">abc</a></div>
好了，好累呀

热心网友时间：2022-03-26 19:41

<!DOCTYPE html>
<html>
<head>
<title>超链接颜色改变</title>
<style>
.demo a{
color:black;
text-decoration:none;
}//正常情况下超链接颜色为黑色，无下划线
.demo a:hover{
color:white;
text-decoration:none;
}//鼠标滑过超链接颜色为白色，无下划线
.demo a:visited{
color:black;
text-decoration:none;
}//访问后的超链接颜色为黑色，无下划线
.demo a:active{
color:white;
text-decoration:none;
}//正在访问的超链接颜色为白色，无下划线
</style>
</head>
<body>
<a class="demo">这是一个超链接</a>
</body>
</html>

全部栏目

怎么用CSS控制点击超链接后的颜色！！