链接文字颜色设置

清疚 2022-05-12 00:08 573阅读 0赞

**1、介绍**

链接文字颜色设置通过使用alinkColor属性、linkColor属性和vlinkColor属性来实现。

alinkColor属性

该属性用来获取或设置当链接获得焦点时显示的颜色。

语法：

\[color=\]document.alinkcolor\[=setColor\]

setColor：设置颜色的名称或颜色的RGB值，setColor是可选项。

color：字符串变量，用来获取颜色值，color是可选项。

linkColor属性

该属性用来获取或设置页面中未单击的链接的颜色。

语法：

\[color=\]document.linkColor\[=setColor\]

setColor：设置颜色的名称或颜色的RGB值，setColor是可选项。

color：字符串变量，用来获取颜色值，color是可选项。

vlinkColor属性

该属性用来获取或设置页面中单击过的链接的颜色。

语法：

\[color=\]document.vlinkColor\[=setColor\]

setColor：设置颜色的名称或颜色的RGB值，setColor是可选项。

color：字符串变量，用来获取颜色值，color是可选项。

**2、应用**

链接文字颜色设置

本示例分别设置了超链接3个状态的文字颜色。

当未单击超链接时超链接字体的颜色为绿色

当单击超链接时超链接字体的颜色为黑色

当单击过超链接时超链接的字体颜色为淡蓝色

**3、代码**

<body>

<font size="10pt" face="隶书"><a id="a1" href="www.mingrisoft.com">JavaScript论坛</a></font>

<script language="JavaScript">

document.vlinkColor ="\#00CCFF";

document.linkColor="green";

document.alinkColor="000000";

</script>

</body>

**4、运行结果**

**![21b19a93-427d-32d3-a63e-282b4d5a4d73.png][]  
 **

**![70335a2f-8d8f-3b8f-93ac-040027433077.png][]**

![1bf12367-e7c0-32b1-a333-1901de5e5403.png][]

[21b19a93-427d-32d3-a63e-282b4d5a4d73.png]: /images/20220512/45a959bbd3d04e7a8959ba88bc55d6a4.png
[70335a2f-8d8f-3b8f-93ac-040027433077.png]: /images/20220512/9b1c219f40d7480db62f9035f6460628.png
[1bf12367-e7c0-32b1-a333-1901de5e5403.png]: /images/20220512/28b17ddaf99a4073837360d9e05c41b8.png

发表评论取消回复

表情：

评论列表（有 0 条评论，573人围观）

还没有评论，来说两句吧...

相关阅读

相关如何设置文字颜色和背景颜色？

聚沙成塔·每天进步一点点 ⭐ 专栏简介 ⭐ 设置文字颜色（color属性） ⭐ 设置背景颜色（background-color属性） ⭐ 写在最后

曾经终败给现在/ 2023年10月14日 16:24/ 0 赞/ 76 阅读

相关 python设置文字输出颜色

!/usr/bin/env python -- coding:utf-8 -- """ @Time: 2018/5/5 20:43

ゝ一世哀愁。/ 2023年10月09日 10:58/ 0 赞/ 76 阅读

相关 Aspose.Words 设置背景颜色4种效果（当前段落设置背景颜色，所有段落文字设置背景颜色，当前单元格设置背景颜色，当前段落文字设置背景颜色）

1、当前段落设置背景颜色实现代码： Aspose.Words.Document doc = new Document();//新建一个空白的文档 As

短命女/ 2023年10月05日 09:52/ 0 赞/ 40 阅读

相关 md设置文字颜色

原文 $\color{FF0000}{红}$ $\color{FF7D00}{橙}$ $\color{FFFF00}{黄}$ $\c

偏执的太偏执、/ 2022年12月15日 11:13/ 0 赞/ 724 阅读

相关公众号添加文字链接

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

约定不等于承诺〃/ 2022年10月25日 14:22/ 0 赞/ 330 阅读

相关 html超链接图片下加文字颜色,如何为文字、形状、图片添加超链接？如何为超链接设置颜色？...

你知道如何为PPT中的文字、形状、图片添加超链接吗？那么，你又知道如何设置超链接的颜色吗？接下来小编就来仔细的讲解一下吧~看图思路更清晰哦！如何为PPT中的文字、形状、图片

青旅半醒/ 2022年10月11日 03:50/ 0 赞/ 264 阅读

相关 C# DataGridView设置背景颜色、文字颜色及文字样式

//行表头和列表头文字颜色 dataGridView1.ColumnHeadersDefaultCellStyle.BackColor = Color.Dark

客官°小女子只卖身不卖艺/ 2022年09月10日 10:26/ 0 赞/ 1010 阅读

相关 Android TextView中文字通过SpannableString来设置超链接、颜色、字体等属性

在Android中，TextView是我们最常用的用来显示文本的控件。一般情况下，TextView中的文本都是一个样式。那么如何对于TextView中各个部分的文本

傷城~/ 2022年06月18日 02:52/ 0 赞/ 244 阅读

相关链接文字颜色设置

1、介绍链接文字颜色设置通过使用alinkColor属性、linkColor属性和vlinkColor属性来实现。 alinkColor属性该属性用来获取或设置当链接

清疚/ 2022年05月12日 00:08/ 0 赞/ 574 阅读

相关 HTML示例02---插入超链接以及超链接颜色设置

这里主要讲了下超链接在不同时刻时候的颜色设置，包括：未访问的链接、已访问的链接、鼠标移动到链接上时的颜色设置代码如下： <!DOCTYPE html> <

浅浅的花香味﹌/ 2022年03月19日 10:56/ 0 赞/ 445 阅读