メタタグの次あたりに挿入。
これを入れるだけで普通のリンクが格段に見やすくなるのでオススメ。
hoverのみ指定でも良いが不具合が生じることがあるようだ。
すべて指定すれば問題が起こらない。
<STYLE TYPE="text/css">
<!--
a:link{color:#0000FF}
a:hover{color:#FF3300}
a:active { color:#FF3300}
a:visited{color:#9900CC}
-->
</STYLE> |
○リンク文字の下線を消す(←これのこと)
デザイン的にはすっきりするが、リンクが分かりにくくなるので要注意。
<STYLE TYPE="text/css">
<!--
a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:active {text-decoration:underline;}
a:visited{text-decoration:none;}
-->
</STYLE> |
○複合指定
組み合わせで指定する方法です。
<STYLE TYPE="text/css">
<!--
a:link{color:#0000FF;text-decoration:none;}
a:hover{color:#FF3300;text-decoration:underline;}
a:active { color:#FF3300;text-decoration:underline; }
a:visited{color:#9900CC;text-decoration:none;}
-->
</STYLE> |