css鼠标点击的五种状态

css鼠标点击的五种状态1、a:link{color:#fff}未访问时的状态(鼠标点击前显示的状态)2、a:hover{color:#fff}鼠标悬停时的状态3、a:visited{color:#fff}已访问过的状态(鼠标点击后的状态)4、a:active{color:#fff}鼠标点击时的状态5、a:focus{color:#fff}点击后鼠标移开保持鼠标点击时的

大家好,又见面了,我是你们的朋友全栈君。

html:

<a href="#">测试鼠标点击的五种状态</a>

css: 

分开写:

 a:link{color:#fff}  未访问时的状态(鼠标点击前显示的状态)
 a:hover{color:#fff}  鼠标悬停时的状态
 a:visited{color:#fff}  已访问过的状态(鼠标点击后的状态)
 a:active{color:#fff}  鼠标点击时的状态
 a:focus{color:#fff}  点击后鼠标移开保持鼠标点击时的状态[获得焦点](只有在<a href="#"></a>时标签中有效)

写在一起:

a:link,a:hover,a:visited,a:active,a:focus{color:#fff} 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/138177.html原文链接:https://javaforall.net

(0)
上一篇 2022年5月31日 下午9:36
下一篇 2022年5月31日 下午9:36


相关推荐

  • 深信服SCSA安全认证工程师

    深信服SCSA安全认证工程师深信服SCSA安全认证工程师考试实验环境在线学习课程讲师在线学习视频(SCSI)学员在线学习视频(SCSA)在线题库考试考试入口试卷自动批阅错题集记录联系方式微信联系18849911

    2022年6月20日
    56
  • 150套JSP源码–免费下载

    150套JSP源码–免费下载150套JSP源码免费下载适用于学习百度云下载地址:链接:https://pan.baidu.com/s/1J7-O9k6o8f5dFh71VzCpuA提取码:zb7p如下载地址失效请私信作者

    2022年6月16日
    38
  • 零基础3分钟搭建Coze(扣子)工作流,新人必看保姆级教程

    零基础3分钟搭建Coze(扣子)工作流,新人必看保姆级教程

    2026年3月12日
    1
  • jquery时间轴幻灯展示源代码

    查看效果:http://hovertree.com/texiao/jquery/75/源代码下载:http://hovertree.com/h/bjaf/8jlpc2wu.htm效果图如下:代码如下:

    2021年12月26日
    43
  • rc522读卡器电路_stm32烧录工具

    rc522读卡器电路_stm32烧录工具在写这篇文章之前有写过一篇有关于PN532的文章,RC522与PN532在使用上都可以用来读写我们之前用的M1的IC卡,并且两款芯片有着同样都是应用于13.56MHz的非接触式通信芯片等诸多共通之处,查阅网上资料对于两者的区别个人认为RC522属于RFID,而PN532属于NFC,在功能上PN532包含了RC522的所功能(个人愚见),并且对于大部分需要量产使用或者学生党来说…

    2026年1月28日
    9
  • java葵花宝典中的宝典!

    java葵花宝典中的宝典!葵花宝典之 java nbsp nbsp nbsp 一 面向对象的特征有哪些方面 nbsp nbsp nbsp 1 nbsp 抽象 抽象就是忽略一个主题中与当前目标无关的那些方面 以便更充分地注意与当前目标有关的方面 抽象并不打算了解全部问题 而只是选择其中的一部分 暂时不用部分细节 抽象包括两个方面 一是过程抽象 二是数据抽象 2 nbsp 继承 继承是一种联结类的层次模型 并且允许和鼓励类的重用 它提供了一种明确表述共性的方法 对象的一个新类可以

    2026年3月17日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号