リンクによってスタイルを変更

<BODY>〜</BODY>に以下を入れる

<HTML>
<TITLE>リンクによってスタイルを変更</TITLE>
<HEAD>
<STYLE type="text/css">
<!--
.link1 A:link{color:blue;text-decoration:none;} 
.link1 A:active{color:red;text-decoration:none;} 
.link1 A:visited{color:blue;text-decoration:none;} 
.link1 A:hover{color:red;text-decoration:none;}
.link2 A:link{color:green;text-decoration:none;} 
.link2 A:active{color:pink;text-decoration:none;} 
.link2 A:visited{color:green;text-decoration:none;} 
.link2 A:hover{color:pink;text-decoration:none;}
.link3 A:link{color:blue;text-decoration:none;} 
.link3 A:active{color:blue;text-decoration:none;} 
.link3 A:visited{color:blue;text-decoration:none;} 
.link3 A:hover{background-color:yellow;color:red;text-decoration:none;}
-->
</style>
</HEAD>
<BODY>
・　<SPAN class="link1"><A href="#">リンク１</A></SPAN><P>
・　<SPAN class="link2"><A href="#">リンク２</A></SPAN><P>
・　<SPAN class="link3"><A href="#">リンク３</A></SPAN><P>
</BODY>
</HTML>

＜結果＞

・　リンク１

・　リンク２

・　リンク３

　戻る