リンクの設定方法２

以前書いたときから時間が(1ヶ月…）、続きです。

リンクをつけた文字に色を付ける設定の仕方、スタイルシート使用ver

スタイルシートで設定する場合（headに入れる）設定できるのは、スタイルシートを使用しないで設定する時より1つ増えて、４つ。

　１．リンクが付いている文字に色を付ける（例：赤）　　　→
a:link {color:#ff0000;}

　２．既に訪問済みのリンク文字に色を付ける（例：青）　→
a:visited{color:#0000ff;}

　３．カーソルが上に乗ったとき指定色に変える（例：ピンク）→
a:hover{color:#ff00ff;} 　←NEW　　
　
　４．リンク文字を選択した時、指定色に変える（例：黄）→
a:active{color:#ffff00;}

設定の仕方

a:link {color:#ff0000;}　a:visited{color:#0000ff;}　a:hover{color:#ff00ff;}　a:active{color:#ffff00;}
上記設定をheadの部分に入れてください

こういう感じになります

　　　　・
　　　　・
　　　　・
< head>

< style type="text/css">

< !--
a:link {color:#ff0000;}

a:visited {color:#0000ff;}

a:hover{color:#ff00ff;} 　

a:active {color:#ffff00;} -->

< /style>

< /head>

< body>

< a href="http://d.hatena.ne.jp/yuusyakai/?_ts=1313854969"> リンク文字< /a> 　

< /body>
< /html>

これで、「リンク文字」にこのページへのリンクが付き、色もつきます

…で実は、自分が作っているものでは、このようにHTMLファイル内で設定せず、CSSファイルに入れて設定しています。ということで一応↓

スタイルシートで設定する場合（CSSに入れる）

a:link {color:#ff0000;}
a:visited {color:#0000ff;}
a:hover{color:#ff00ff;}
a:active {color:#ffff00;}

このようにa:link{color:#ff0000;}　a:visited{color:#0000ff;}　a:hover{color:#ff00ff;}　a:active{color:#ffff00;}
をCSSファイル内に書き込んでください。

HTML内のリンクの設定がしてある文字に反映されます。