リンクを好きな色に変える

青色のリンクはわかりやすいですが、サイトとマッチしない場合がよくありますよね。そんなときはリンク色も変えて、おしゃれにしたいところ。

やりかたは、
<head></head>の間に

<style TYPE="text/css">
<!--

-->
</style>



と書いてから、以下の4行を入力しましょう。

a:link{ color:#000000;}
a:visited { color:#000000;}
a:active { color:#000000;}
a:hover { color:#000000;}

リンクの色がすべて黒色になります。
おなじ要領で、リンクの色を好きに変えればだいぶ印象も変わるかもしれません。

ちなみにlinkとかactiveってどんな意味かというと、

a:link{ color:#000000;} ←通常の色
a:visited { color:#000000;} ←一度訪れたページ(訪問済)をあらわす色
a:active { color:#000000;} ←クリックしたときの色
a:hover { color:#000000;} ←マウスのカーソルを合わせたときの色

という意味のようです。

色は「原色大辞典」さまなどの、素敵なサイトで選ぶと良いと思います。

http://www.colordic.org/

素材のトップへ

スポンサードリンク

スポンサードリンク

SOZAI | 素材

その他