注册有礼

CSS中设置超链接点击后变色的方法是什么

Admin 2022-05-20 群英技术资讯 3109 次浏览

上一篇：CSS中将表格的内边框颜色设置透明的方法是什么 下一篇：CSS怎样对ul中li的间距进行调整
这篇文章主要介绍“CSS中设置超链接点击后变色的方法是什么”，有一些人在CSS中设置超链接点击后变色的方法是什么的问题上存在疑惑，接下来小编就给大家来介绍一下相关的内容，希望对大家解答有帮助，有这个方面学习需要的朋友就继续往下看吧。


在css中，可以利用“:visited”选择器和color属性来设置链接点击后的颜色，“:visited”选择器用于选取已被访问的链接，color属性用于设置链接字体的颜色，语法为“链接元素:visited{color:颜色值;}”。

本教程操作环境：windows10系统、CSS3&&HTML5版、Dell G3电脑。

css怎样设置链接点击后的颜色

在css中，想要设置连接点击后的颜色，可以利用:visited选择器和color属性来实现。

:visited 选择器用于选取已被访问的链接。color属性用于设置元素字体的颜色。

示例如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
  .a1:visited{
    color:red;
  }
  </style>
</head>
<body>
没设置点击后颜色的链接：<a href="#2" target="_blank">链接1</a><br>
已设置点击后颜色的链接：<a href="#1" target="_blank" class="a1">链接2</a>
</body>
</html>

输出结果：


上述内容具有一定的借鉴价值，感兴趣的朋友可以参考，希望能对大家有帮助，想要了解更多"CSS中设置超链接点击后变色的方法是什么"的内容，大家可以关注群英网络的其它相关文章。 群英智防CDN，智能加速解决方案
标签： css 超链接点击变色

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：CSS中将表格的内边框颜色设置透明的方法是什么 下一篇：CSS怎样对ul中li的间距进行调整

猜你喜欢

云活动 云活动

推荐内容

相关标签

成为群英会员,开启智能安全云计算之旅

立即注册
专业资深工程师驻守
7X24小时快速响应
一站式无忧技术支持
免费备案服务
产品与服务 云服务器 智防系统 服务器租用 服务器托管 虚拟主机
帮助中心 注册与购买 备案问题 鹰云服务器问题 服务器托管问题 域名问题 高防服务器问题 服务器租用问题
关于群英 群英简介 公司动态 资质荣誉 发展历程 群英环境 汇款信息 备案中心 联系我们
其他 数据中心 生态合作
友情链接
友链合作 群英网络 智帝云 主机评测 idc公司 商城系统 跨境电商 主机吧 酷库博客 OA系统 腾讯企业邮箱 锐成信息 sdwan

关注或联系群英网络

7x24小时售前：400-678-4567

7x24小时售后：0668-2555666

24小时QQ客服

群英微信公众号

CNNIC域名投诉举报处理平台

服务电话：010-58813000

服务邮箱：service@cnnic.cn

投诉与建议：0668-2555555

Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有

增值电信经营许可证 : B1.B2-20140078    ICP核准（ICP备案）粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008

免费拨打 400-678-4567
免费拨打 400-678-4567 免费拨打 400-678-4567 或 0668-2555555
在线客服
在线客服
微信公众号
返回顶部
返回顶部 返回顶部
在线客服
在线客服