温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

怎么在html中清除超链接默认的字体颜色

发布时间:2021-03-23 14:41:36 来源:亿速云 阅读:2172 作者:Leah 栏目:web开发

本篇文章为大家展示了怎么在html中清除超链接默认的字体颜色,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

方法1:在HTML的<body>标记中使用link、alink、vlink属性来设置

基本语法:

<body link="颜色">

它对网页中所有未单独设置的元素起作用。

使用alink可以设置鼠标单击超链接时的颜色

基本语法:

<body alink="颜色">

使用vlink可以设置已访问过的超链接文字的颜色

基本语法:

<body vlink="颜色">

示例:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>设置链接文字的颜色</title>
</head>
<body link="#9933ff" alink="#0066ff" vlink="#ff0000">
    <a href="http://www.baidu.com">链接的文字</a>
</body>
</html>

怎么在html中清除超链接默认的字体颜色

在网页中,一般文字上的超链接都是蓝色(当然,也可以设置成其他颜色),文字下面有一条下划线。当移动鼠标指针到该超链接上时,鼠标指针就会变成一只手的形状,这时候用鼠标左键单击,就可以直接跳到与这个超链接相连接的网页。如果已经浏览过某个超链接,这个超链接的文本颜色就会发生改变。

方法二:使用css :link、:visited、:active和:hover选择器配合color属性来设置

:link 选择器设置指向未被访问页面的链接的样式,:visited 选择器用于设置指向已被访问的页面的链接,:active 选择器用于活动链接,:hover 选择器用于选择鼠标指针浮动在上面的元素。

示例:选择未访问、已访问、悬浮和活动链接,并设置它们的样式:

a:link    {color:blue;}
a:visited {color:blue;}
a:hover   {color:red;}
a:active  {color:yellow;}

上述内容就是怎么在html中清除超链接默认的字体颜色,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI