跳至主要內容

超链接样式


超链接样式

超链接伪类可以用来定义鼠标在单击的不同时期的样式。

语法如下:

a:link{...}
a:visited{...}
a:hover{...}
a:active{...}

定义伪类必须按照:link、visited、hover、active的顺序进行,否则浏览器可能无法正常显示这4种样式。

超链接样式Demo
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title> </title>
    <style type="text/css">
        a{text-decoration:none;}
        a:link{color:yellow;}
        a:visited{color:purple;}
        a:hover{color:green;}
        a:active{color:blue;}
    </style>
</head>
<body>
<a href="https://www.supremepole.com" target="_blank">https://www.supremepole.com</a>
</body>
</html>
上次编辑于:
贡献者: Neil