当前位置:Gxlcms > 前端框架 > html超链接默认字体颜色怎么清除

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

时间:2021-07-01 10:21:17 帮助过:76人阅读

方法:1、在body中使用link、alink、vlink属性来设置其他颜色,例“<body link="颜色">”。2、先使用“:link”、“:visited”、“:active”选择器选中a元素;然后使用color属性设置其他颜色。

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

为了突出超链接,超链接文字通常采用与其他文字不同的颜色,超链接文字的下端还会加一条横线。网页的超链接文字有默认颜色,在默认情况下,浏览器以蓝色作为超链接文字的颜色,访问过的文字则颜色变成暗红色。那么怎么设置超链接文字颜色?

方法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>

1.png

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

方法二:使用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;}

【推荐教程:CSS视频教程】

以上就是html超链接默认字体颜色怎么清除的详细内容,更多请关注gxlcms其它相关文章!

人气教程排行