超链接的样式

1 <!DOCTYPE html>                                                     
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title></title>
 6     <style>
 7     /*
 8     link用来表示没访问过的链接(正常的链接)
 9      */
10     a:link{
11         color:red;
12     }
13     /*
14     :visited 用来表示访问过的链接
15     由于隐私的元婴,所以visited这个伪类只能修改链接的颜色
16      */
17     a:visited{
18         color:orange;
19     }
20     /*
21     :hover鼠标移入的状态
22   
23      */
24     a:hover{
25         color:aqua;
26         font-size:20px;
27   
28     }
29   
30     /*
31     :active用来表示鼠标点击
32   
33      */
34     a:active{
35         color:yellowgreen;
36     }
37     </style>
38 </head>
39 <body>
40     <!--
41     1.没有访问过的链接
42     2.访问过的链接
43     -->
44     <a href="https://www.baidu.com">访问过的链接</a>
45     <br>
46     <a href="https://www.baidu123.com">没有访问过的链接</a>
47 </body>
48 </html>
~                                              

笨鸟先飞
原文地址:https://www.cnblogs.com/zoutingrong/p/13949990.html