■ いろいろリンク

いっぱいのリンクを全部色分けしたい!
とかって時に使ってみてね。
そんなこと思わねーよとか言わないように(爆)

※ ダミーのリンクなのでどこにも飛べませーん。

リンク1
リンク2
リンク3
リンク4

上のリンクの仕組み。
↓を<head>の中に書きます。

<STYLE type="text/css">
<!--
a:link {text-decoration:none;color:#778899;}
a:visited {text-decoration:none;color:#778899;}
a:active {text-decoration:none;color:#778899;}

span.link a:hover {color:white;
       background-color:lightgreen;}

span.link2 a:hover {color:white;
       background-color:lightblue;}

span.link3 a:hover {color:white;
       background-color:lightpink;}

span.link4 a:hover {color:white;
       background-color:gold;}
-->
</STYLE>

で、好きなところにこう↓。
「link」というのは勝手につけた名前ですので、
何でも構いません。

<span class="link"><a href="アドレス">リンク1</a></span>
<span class="link2"><a href="アドレス">リンク2</a></span>
<span class="link3"><a href="アドレス">リンク3</a></span>
<span class="link4"><a href="アドレス">リンク4</a></span>