【CSS語法】如何在一個頁面內設定多種顏色的超連結

woff

1. 樣式部份設定如下：

1. 
   
2. 
   
3. <style type="text/css">
   
4. 
   
5. <!--
   
6. 
   
7. 
   
8. /* 第一組超連結顏色如下 */
   
9. 
   
10. 
    
11. #pp1 a:link {
    
12. 
    
13. color: #66CCFF;
    
14. 
    
15. }
    
16. 
    
17. #pp1 a:visited {
    
18. 
    
19. color: #66CCFF;
    
20. 
    
21. }
    
22. 
    
23. #pp1 a:hover {
    
24. 
    
25. color: #FF0000;
    
26. 
    
27. }
    
28. 
    
29. 
    
30. /* 第二組超連結顏色如下 */
    
31. 
    
32. 
    
33. #pp2 a:link {
    
34. 
    
35. color: #00CC00;
    
36. 
    
37. }
    
38. 
    
39. #pp2 a:visited {
    
40. 
    
41. color: #00CC00;
    
42. 
    
43. }
    
44. 
    
45. #pp2 a:hover {
    
46. 
    
47. color: #FFCC00;
    
48. 
    
49. }
    
50. 
    
51. -->
    
52. 
    
53. </style>
    
54. 
    
55. 
    
56. 
    
57. 
    
58. 2. 網頁上的超連結部份設定如下：
    
59. 
    
60. 
    
61. <div id="pp1">
    
62. 
    
63. 【<a href="#">我是超連結</a>】【<a href="#">我是超連結</a>】【<a href="#">我是超連結</a>】【<a href="#">我是超連結</a>】
    
64. 
    
65. </div>
    
66. 
    
67. 
    
68. <div id="pp2">
    
69. 
    
70. 【<a href="#">我是超連結</a>】【<a href="#">我是超連結</a>】【<a href="#">我是超連結</a>】【<a href="#">我是超連結</a>】
    
71. 
    
72. </div>

複製代碼