a标签的css样式四个状态


Posted in HTML / CSS onMarch 09, 2021

a标签有四个“状态”的先后过程是:a:link ->a:hover ->a:active ->a:visited。

表示所有状态下的连接 如 a{color:red}

  • a:link:未访问链接 ,如 a:link {color:blue}
  • a:visited:已访问链接 ,如 a:visited{color:blue}
  • a:active:激活时(链接获得焦点时)链接的颜色 ,如a:active{color:blue}
  • a:hover:鼠标移到链接上时 ,如 a:hover {color:blue}

一般a:hover和a:visited链接的状态(颜色、下划线等)应该是相同的。

前三者分别对应body元素的link、vlink、alink这三个属性。

举例:伪类的常见状态值

<style type="text/css"> 
a {
	font-size: 16px
}
a:link {
	color: blue;
	text-decoration: none;
} //未访问:蓝色、无下划线 
a:active: {
	color: red;
} //激活:红色 
a:visited {
	color: purple;
	text-decoration: none;
} //已访问:purple、无下划线 
a:hover {
	color: red;
	text-decoration: underline;
} //鼠标移近:红色、下划线 
</style> 

 

HTML / CSS 相关文章推荐
CSS3利用text-shadow属性实现多种效果的文字样式展现方法
Aug 25 HTML / CSS
纯CSS3实现扇形动画菜单(简化版)实例源码
Jan 17 HTML / CSS
HTML5使用Audio标签实现歌词同步的效果
Mar 17 HTML / CSS
canvas三角函数模拟水波效果的示例代码
Jul 03 HTML / CSS
html5中为audio标签增加停止按钮动作实现方法
Jan 04 HTML / CSS
基于HTML5 FileSystem API的使用介绍
Apr 24 HTML / CSS
HTML5 Canvas渐进填充与透明实现图像的Mask效果
Jul 11 HTML / CSS
html5+svg学习指南之SVG基础知识
Dec 17 HTML / CSS
localStorage的过期时间设置的方法详解
Nov 26 HTML / CSS
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
Mar 17 HTML / CSS
使用Html+Css实现简易导航栏功能(导航栏遇到鼠标切换背景颜色)
Apr 07 HTML / CSS
HTML+CSS+JS实现图片的瀑布流布局的示例代码
Apr 22 HTML / CSS
纯CSS3实现质感细腻丝滑按钮
Mar 09 #HTML / CSS
css动画效果之animation的常用样式
Mar 09 #HTML / CSS
使用CSS3实现字体颜色渐变的实现
CSS心形加载的动画源码的实现
CSS中简写属性要注意TRouBLe的顺序问题(避免踩坑)
详解CSS样式中的 !important * _ 符号
CSS中一些@规则的用法小结
Mar 09 #HTML / CSS
You might like
PHPMyadmin 配置文件详解(配置)
2009/12/03 PHP
php rsa加密解密使用详解
2015/01/14 PHP
php基于Fleaphp框架实现cvs数据导入MySQL的方法
2016/02/23 PHP
ThinkPHP模板标签eq if 中区分0,null,false的方法
2017/03/24 PHP
xml和web特殊字符
2009/04/28 Javascript
jquery BS,dialog控件自适应大小
2009/07/06 Javascript
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
2010/04/15 Javascript
JS模板实现方法
2013/04/03 Javascript
jQuery实现长按按钮触发事件的方法
2015/02/02 Javascript
JS+CSS实现的经典圆角下拉菜单效果代码
2015/10/21 Javascript
JavaScript中ES6字符串扩展方法
2016/08/26 Javascript
jQuery用户头像裁剪插件cropbox.js使用详解
2017/06/07 jQuery
详解angularjs4部署文件过大解决过程
2018/12/05 Javascript
JavaScript键盘事件响应顺序详解
2019/09/30 Javascript
js实现GIF动图分解成多帧图片上传
2019/10/24 Javascript
js单线程的本质 Event Loop解析
2019/10/29 Javascript
微信小程序仿抖音视频之整屏上下切换功能的实现代码
2020/05/24 Javascript
Javascript异步流程控制之串行执行详解
2020/09/27 Javascript
Python构造函数及解构函数介绍
2015/02/26 Python
Python实现HTTP协议下的文件下载方法总结
2016/04/20 Python
浅谈Python的垃圾回收机制
2016/12/17 Python
Django中ORM表的创建和增删改查方法示例
2017/11/15 Python
使用Python实现企业微信的自动打卡功能
2019/04/30 Python
python multiprocessing多进程变量共享与加锁的实现
2019/10/02 Python
HTML5的结构和语义(4):语义性的内联元素
2008/10/17 HTML / CSS
盛大笔试题
2016/11/05 面试题
专营店会计助理岗位职责
2013/11/29 职场文书
《忆江南》教学反思
2014/04/07 职场文书
2014年计生标语
2014/06/23 职场文书
2015年党风廉政建设工作总结
2015/04/09 职场文书
2015年医院科室工作总结范文
2015/05/26 职场文书
2016大学迎新欢迎词
2015/09/29 职场文书
新手开公司创业注意事项有哪些?
2019/07/29 职场文书
Python爬虫数据的分类及json数据使用小结
2021/03/29 Python
golang语言指针操作
2022/04/14 Golang
Java Spring Boot 正确读取配置文件中的属性的值
2022/04/20 Java/Android