使える!WEB小技集〜スタイルシートでリンク文字の色を変えるTips。
1upWEB!ホームページ制作の定番紹介!ノウハウ、小技Tips、検索エンジン、アクセスアップ方法、バナー広告など。1upWeb!,WEB,web,ウェブ,サイト,ホームページ,作成,TIPS,方法,アクセスアップ,JavaScript,CGI,スタイルシート,ダウンロード,フリー,自由,無料,画像  
Home使える!WEB小技集

Last Up 2003年11月21日 (金)

 

リンク文字の色変え(←これのこと)

メタタグの次あたりに挿入。
これを入れるだけで普通のリンクが格段に見やすくなるのでオススメ。
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>

 

 

ADVERTISEMENT