html超链接悬停颜色,HTML怎么设置超链接颜色？设置超链接颜色总结

有细心的小伙伴可能会发现，我们在浏览网页时，不同状态下的链接显示的颜色是不一样的。比如百度，未访问时链接未深蓝色，鼠标滑到该链接时则显示为浅蓝色，当我点击该链接后，链接则变为紫色。那么 HTML 怎么设置超链接颜色？这篇文章告诉你。

定义链接样式的四个伪类：

：link，定义正常的链接样式；

：visited，定义已访问过的链接样式；

：hover，定义鼠标悬浮在链接上时的样式；

：active，定义鼠标点击链接时的样式。

让我们来看下具体如何使用：

HTML设置超链接颜色- 编程狮(w3cschool.cn)

a:link {

color:pink;

text-decoration:none;

}

a:visited {

color:blue;

text-decoration:none;

}

a:hover {

color:red;

text-decoration:none;

}

a:active {

color:black;

text-decoration:none;

}

w3cschool-编程狮

在该例子中，原本链接显示为粉红色(pink)，当鼠标覆盖在链接上时链接显示为红色(red)，链接点击时为黑色(black)，而访问过后的链接为蓝色。

需要注意的是，我们在定义时，需要主要他们的顺序，如果没有按照特定的顺序来设置，可能会使定义失效。定义链接的顺序为：

link、visited、hover、active。可以记为 LoVe HAte 原则。

对该功能感兴趣的同学们，可以参考上述代码自己进行练习。

以上就是文章“HTML 怎么设置超链接颜色？设置超链接颜色总结”的全部内容。想要学习更多 HTML 知识请前往 w3cschool。

html超链接悬停颜色,HTML怎么设置超链接颜色？设置超链接颜色总结相关推荐

html超链接字体颜色怎么改DW,请问 dreamweaver怎么设置不同文本的超链接颜色？...
满意答案 iesgdcba 2012.12.04 采纳率:47% 等级:5 已帮助:12万人 "新建多个CSS样式... 之后对文本以CSS进行控制.. 要要表明的是一般对于超链接颜 ...
Android Span富文本设置点击事件/超链接 - URLSpan/ClickableSpan
######为文字实现很丰富的特殊效果,下面来实现点击事件/超链接操作 so... 直接上效果: ##使用前提条件: textView.movementMethod = LinkMovementM ...
poi 获取excel单元格超链接和设置excel单元格超链接及导出excel
导入excel及需要的jar包看之前链接:https://blog.csdn.net/sipengfei_/article/details/88184964 先说一下导出的时候怎么给单元格设置超链接, ...
Android TextView 设置文字背景色或文字颜色，字体阴影，字体样式
String str="这是设置TextView部分文字背景颜色和前景颜色的demo!"; int bstart=str.indexOf("背 ...
CSS（一）：CSS概述、CSS引入方式、CSS优先级、CSS代码格式、CSS属性；CSS选择器；尺寸和颜色单位、背景和文本设置
目录一.CSS 1.1 CSS概述 1.1.1 定义 1.1.2 特征 1.1.3 组织网页的两种常用方式 1.2 引入CSS的四种方式 1.2.1 Style属性方式(内联样式) 1.2.2 St ...
C语言超链接的使用方法,c语言课程第五讲超链接.ppt
c语言课程第五讲超链接 ;第五讲超级链接 1. 路径 2. 超链接的属性 3. 链接的种类 4. 图像地图超链接 ;什么是超链接:所谓的超链接是指从一个对象指向另一个对象的链接关系,源对象可以是文本 ...
html li圆点单独颜色,html中li标签可以设置颜色吗
在HTML中如果在ul>li中添加子标签>a链接,修改li中或者是有什么方法可以让修改li的字体颜色时,a标签的字体颜色也改变, --由于CSS的层叠(cascading),a元素继承自l ...
html不用css超链接去掉下划线,div css之去掉a超链接下划线样式
一.去掉字体下划线装饰CSS属性格式代码 text- 解释: CSS下划线格式单词:text- 不闪现下划线(去掉字体下划线花色):none 二.网页重构前初始化去掉超链接下划线由于有的浏览器默认情 ...
怎么才能点一下excel中的超链接就显示出图片?_Excel如何批量建立超链接，搭建工作台...
本篇是"建立工作导航"第3讲如果您错过了前两篇: 点墨楼:高效秘技!用EXCEL制作导航页和日志表管理日常工作zhuanlan.zhihu.com 点墨楼:批量提取文件名,快速 ...
html中表格内边框颜色,html表格边框颜色 Word中的表格如何设置表格内边框的颜色...
html 表格上下左右边框颜色各不同,怎么设置? html是一种网页代码,即在网页中显示的格式,当需要表格左右显示不同的颜色时,可以分开设置,如:border-top:1px solid red;bo ...

html超链接悬停颜色,HTML怎么设置超链接颜色？设置超链接颜色总结

html超链接悬停颜色,HTML怎么设置超链接颜色？设置超链接颜色总结相关推荐

最新文章

热门文章