首页 > 鼠标键盘 >

如何使用CSS设置超链接的默认伪类元素(图)

电脑杂谈　发布时间：2021-04-16 05:04:15　来源：网络整理

超链接是任何网页上最基本的元素之一。通过超链接，可以实现页面跳转和功能激活。让我们学习如何使用CSS设置超链接的样式。

超链接的定义是使用**标记，该标记用于从一个页面链接到另一页面。元素最重要的属性是href属性，它指示链接的目标。 **

在所有浏览器中，默认情况下，链接都带有下划线，未访问的链接带有下划线并显示为蓝色，已访问的链接带有下划线并显示为紫色，活动链接带有下划线并为红色，请进行验证：

鼠标点击超链接样式_鼠标点击超链接样式_css鼠标点击样式

<body>
    <p><a href="#">这是一个没有被访问过的链接1a>p>
    <p><a href="#">这是一个没有被访问过的链接2a>p>
    <p><a href="#">这是一个没有被访问过的链接3a>p>
body>

单击超链接前后的不同颜色实际上是超链接的默认伪类型元素。所谓的伪类是指不根据名称，属性，内容而是根据标签在特定行为或状态下的特征来修改样式。伪类样式的基本语法是：最常用的超链接伪类

超链接有四种伪类。在CSS中设置伪类的顺序为：a：link–> a：visited–> a：hover–> a：active。您必须注意设置的顺序。例如，如果先设置a：hover，然后再设置a：visited，则a：hover在IE中将不起作用；

在实际开发中，通常只设置两种超链接样式，一种是标签选择器的超链接样式，另一种是将鼠标悬停在超链接上的样式；

尝试一下，然后编辑一个红色超链接标记。当鼠标悬停在链接上时，字体变为，而当单击鼠标时，字体变为紫色：


<html>
<head>
<meta charset="utf-8">
<title>无标题文档title>
<style type="text/css">
    p{
        width:350px;
        }
    a{
        color:#f00;
        }
    a:hover{
        color:#FDF405;
        }
    a:active{
        color:#F707EE;
        }
style>
head>
<body>
    <p><a href="#">编辑一个红色的超链接a标签，鼠标悬浮在链接上面是字体变为，鼠标点击时字体变为紫色a>p>
body>
html>