• 技术文章 >web前端 >前端问答

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

    青灯夜游青灯夜游2021-03-23 14:35:25原创2028

    方法: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超链接默认字体颜色怎么清除的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html 超链接
    上一篇:HTML5弹性布局有什么优点 下一篇:html整体页面边距怎么设置
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 什么是超链接,有什么作用• html怎么让超链接没有下划线• HTml5超链接字体如何改颜色• html5怎么去除超链接的下划线
    1/1

    PHP中文网