＜head＞
＜style type="text/css"＞
＜!--

a:link { color: red; }
a:visited { color: blue; }
a:active { color:yellow; }
a:hover { color: green; }


--＞
＜/head＞

＜body＞
　　　　
＜a href="abc.html"＞＜font size="+2"＞ABC＜/font>＜/a＞＜br＞
＜a href="def.html"＞＜font size="+2"＞DEF＜/font＞＜/a＞＜br＞
＜a href="ghi.html"＞＜font size="+2"＞GHI＜/font＞＜/a＞＜br＞
＜a href="jkl.html"＞＜font size="+2"＞JKL＜/font＞＜/a＞＜br＞



＜/body＞

通常のリンク、・・・　a:link { color: red; }
読み込み済みのリンク、・・・　a:visited { color: blue; }
クリックされた瞬間のリンク、・・・　a:active { color:yellow; }
マウスが上に乗せられている状態のリンク・・・　a:hover { color: green; }