方法:使用“a:link {color:颜色值;}”、“a:visited{color:颜色值;}”、“a:hover{color:颜色值;}”和“a:active{color:颜色值;}”语句,分别设置超链接四种状态时的链接颜色即可。

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

标签定义超链接,用于从一张页面链接到另一张页面。

元素最重要的属性是 href 属性,它指示链接的目标。

在所有浏览器中,链接的默认外观是:

超链接有四种状态:a:link -正常状态 未访问过的链接

a:visited -用户已访问过的链接

a:hover -当用户鼠标放在链接上时

a:active -链接被点击的那一刻

上面链接的状态,在使用时有如下顺序规则:a:hover 必须跟在a:link和a:visited后面

a:active 必须跟在a:hover后面

注意:在链接第一次被访问之前,链接是a:link设置的属性

具体用法如下:a:link{color:red;}

a:visited{color:gray}

a:hover{color:blue;font-size:24px}

a:active{color:black}

示例:

a:link {color:red;} /* 未访问链接*/

a:visited {color:gray;} /* 已访问链接 */

a:hover {color:blue;} /* 鼠标移动到链接上 */

a:active {color:black;} /* 鼠标点击时 */

这是一个链接

html链接怎么加颜色,html怎么设置超链接颜色相关推荐

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

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

  2. html字体颜色 html中设置字体颜色代码 字体颜色获取

    html字体颜色 html中设置字体颜色代码 字体颜色获取 html字体颜色设置更改,html设置字体颜色代码方法有哪些 DIVCSS5为大家介绍在html中设置字体颜色方法,字体颜色修改方法,字体颜 ...

  3. html边框自动变颜色,css怎么设置边框颜色?

    元素外边距内就是元素的的边框 (border).元素的边框就是围绕元素内容和内边据的一条或多条线.每个边框有 3 个方面:宽度.样式,以及颜色.下面我们就来看一下css设置边框颜色的方法. css可以 ...

  4. html 框线设置颜色,css怎么设置边框颜色?

    元素外边距内就是元素的的边框 (border).元素的边框就是围绕元素内容和内边据的一条或多条线.每个边框有 3 个方面:宽度.样式,以及颜色.下面我们就来看一下css设置边框颜色的方法. css可以 ...

  5. html css超链接字体颜色,HTML-CSS设置超链接颜色字体

    我们可以用CSS控制超链接字体样式,下面先来看一段代码: 1.代码语义说明: a:link --指正常的未被访问过的链接状态: a:visited --指链接被访问后的状态: a:hover: --指 ...

  6. html中图片超链接边框颜色改变颜色,ppt设置超链接颜色 PPT超链接文字点击后变颜色...

    ppt怎么设置超链接字体的颜色 准备工具/材料:装有windows 10的电脑一台,Microsoft Office 家庭和学生版 2016 ppt软件. 点击插入-文本框-横向文本框 输入文字内容, ...

  7. android开发 textview设置超链接颜色和背景色(被点击时的背景色、高亮色)

    安卓中textview设置超链接的代码网上也有一大堆,这里就不说了. 先说说设置超链接的文字的颜色,先定义MyURLSpan类并继承URLSpan类并重写updateDrawState()方法,jav ...

  8. css怎么设置列表颜色,css怎么设置table颜色

    css设置table颜色的方法:首先找到并打开需要设置的table代码内容:然后通过color属性设置表格中文字的颜色:最后通过background属性设置表格的背景颜色即可. 本文操作环境:wind ...

  9. android 设置画布颜色,android – 如何设置笔触颜色以在画布上绘制矩形?

    我想绘制一个圆形矩形,其笔划为蓝色,填充为红色,但我在Paint类中找不到设置笔触颜色的方法.我怎样才能做到这一点? mCanvas.drawColor(mBackgroundColor,Porter ...

最新文章

  1. COJ 0995 WZJ的数据结构(负五)区间操作
  2. 定义一个带参带返回值的方法,实现输出随机数数组
  3. bilibili有电脑版吗_电脑版和平精英你期待吗?可惜国内并未上线
  4. 原理图元件有波浪线_电气原理图和接线图识图方法,电气接线图怎么画?
  5. techempower拿分系列之aspcore分析
  6. select下拉框默认不能选择第一个选项的问题
  7. IJCAI最佳论文公布 华人斩获最佳学生论文奖!
  8. ELF文件加载与动态链接(一)
  9. Magento报错之SQLSTATE[23000]: Integrity constraint violation: 1062 Duplicate entry for key 1
  10. 图像坐标球面投影_OpenLayers中的球面墨卡托投影
  11. python webp图片转化格式
  12. 集腋成裘-15-MongoDB系列-02Find详细
  13. 《Spring Boot极简教程》附录1 计算机简史
  14. DC Administration Services 宣布ISDA裁决委员会2020年申请流程
  15. android获取网络图片方法,Android获取网络图片并显示的方法
  16. 关于Qt中的翻译问题
  17. docker安装mysql并挂载配置文件和修改密码
  18. HCNA——Telnet,Ftp,Switch
  19. javaEE面试-文章推荐-1
  20. Syzmlw 非诚勿扰电影在线观看

热门文章

  1. 我的中秋节祝福程序源代码分享:月圆人团圆,中秋来赏月
  2. ActivityLifecycle
  3. matlab武汉理工大学数值分析线性函数拟合实验_10数值分析第七章数值微积分大学数学云课堂...
  4. 随手记——虚拟机从ovf安装,缺少所需的磁盘映像
  5. 软件测试—— 界面测试(三 )
  6. 关于iOS Widget(Locket Widget App)
  7. pinctrl子系统之二
  8. 软通动力携手华为云WeLink实现数字化协同升级
  9. 离散数学 (II) 习题 6
  10. Semantic UI入门示例