CSS a 伪类选择器实例 - 自学教程(runoops.com)

<!DOCTYPE html>
<html>

<head>
 <meta charset="utf-8">
 <title>CSS a 伪类 选择器 实例 - 自学教程(runoops.com)</title>
 <style>
 a.ex1:hover,
 a.ex1:active {
 color: red;
 }

a.ex2:hover,
        a.ex2:active {
            font-size: 150%;
        }

a.ex3:hover,
        a.ex3:active {
            background: red;
        }

a.ex4:hover,
        a.ex4:active {
            font-family: monospace;
        }

a.ex5:visited,
        a.ex5:link {
            text-decoration: none;
        }

a.ex5:hover,
 a.ex5:active {
 text-decoration: underline;
 }
 </style>
</head>

<body>
 将鼠标移至链接上查看其样式改变.

<a class="ex1" href="/css-tutorial.html">这个链接改变颜色</a>
 <a class="ex2" href="/css-tutorial.html">这个链接改变字体大小</a>
 <a class="ex3" href="/css-tutorial.html">这个链接改变背景颜色</a>
 <a class="ex4" href="/css-tutorial.html">这个链接改变字体类型</a>
 <a class="ex5" href="/css-tutorial.html">这个链接改变文字修饰</a>
</body>

</html>