如何让鼠标点击过之后的链接字体颜色变化

css... css 展开
 我来答
网天络地
推荐于2017-09-03 · 战略决定生死 细节决定成败
网天络地
采纳数:1698 获赞数:22749

向TA提问 私信TA
展开全部

让鼠标点击过后的链接字体、颜色发生变化,可以用css属性设置里的【a:visited 】属性


A伪类属性设置如下:

a:link { } /* 未访问的链接 */
a:visited { } /* 已访问的链接 */
a:hover { } /* 鼠标移动到链接上 */
a:active { } /* 选定的链接 */


代码示例如下:



<head>

<title>A伪类</title>
<style type="text/css">
a:link{ font-family:Verdana, Geneva, sans-serif; color:#000;}
a:visited{ font-family:"黑体"; color:#F00;}
</style>
</head>

<body>

<a href="#">点击过后,字体、颜色会变</a>
</body>
</html>


说明图如下:

当年天使
2010-05-04
知道答主
回答量:19
采纳率:0%
帮助的人:0
展开全部
这个吗很简单。你在给连接加css样式。在未点击时设置成一种颜色,点击后令一种颜色就好了。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
烟花③月
2012-07-02
知道答主
回答量:1
采纳率:0%
帮助的人:1615
展开全部
<style type="text/css">
   <!--
   a:link { text-decoration: none;color: blue}
   a:active { text-decoration:blink}
   a:hover { text-decoration:underline;color: red}
   a:visited { text-decoration: none;color: green}
   -->
   </style>

  其中:
  a:link 指正常的未被访问过的链接;
  a:active 指正在点的链接;
  a:hover 指鼠标在链接上;
  a:visited 指已经访问过的链接;
  text-decoration是文字修饰效果的意思;
  none参数表示超链接文字不显示下划线;
  underline参数表示超链接的文字有下划线
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式