案例：CSS3 案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style>
5
a.ex1:hover,a.ex1:active {color:red;}
6
a.ex2:hover,a.ex2:active {font-size:150%;}
7
a.ex3:hover,a.ex3:active {background:red;}
8
a.ex4:hover,a.ex4:active {font-family:'微软雅黑';}
9
a.ex5:visited,a.ex5:link {text-decoration:none;}
10
a.ex5:hover,a.ex5:active {text-decoration:underline;}
11
</style>
12
</head>
13
​
14
<body>
15
<p>请把鼠标指针移动到这些链接上。</p>
16
​
17
<p><a class="ex1" href="/">这个链接改变颜色。</a></p>
18
<p><a class="ex2" href="/">这个链接改变字体大小。</a></p>
19
<p><a class="ex3" href="/">这个链接改变背景色。</a></p>
20
<p><a class="ex4" href="/">这个链接改变字体。</a></p>
21
<p><a class="ex5" href="/">这个链接会出现下划线。</a></p>
22
</body>
23
​
24
</html>