如何在一個頁面內設定多種顏色的超連結

1. CSS樣式部份設定如下：

代碼: <style type="text/css"> <!-- /* 第一組超連結顏色如下 */ #pp1 a:link { color: #66CCFF; } #pp1 a:visited { color: #66CCFF; } #pp1 a:hover { color: #FF0000; } /* 第二組超連結顏色如下 */ #pp2 a:link { color: #00CC00; } #pp2 a:visited { color: #00CC00; } #pp2 a:hover { color: #FFCC00; } --> </style>

2. HTML網頁上的超連結部份設定如下：

代碼: <div id="pp1"> 【<a href="#">我是超連結</a>】【<a href="#">我是超連結</a>】【<a href="#">我是超連結</a>】【<a href="#">我是超連結</a>】 </div> <div id="pp2"> 【<a href="#">我是超連結</a>】【<a href="#">我是超連結</a>】【<a href="#">我是超連結</a>】【<a href="#">我是超連結</a>】 </div>

---