3-1 リンクの基礎知識
スタイルシート(CSS)でリンクの設定をすると、一括でリンクの下線を消したり、またリンク項目にマウスが触れた時に該当部分の文字や画像を揺らす事が出来たりします。
- 今すぐ記述方法が見たいという方は、『リンクに関するレシピ集』 をご覧下さい。
[ 関連事項 : HP-TIPS > CSS > 外部スタイルシートの記述方法 ]
3-2 基本的な書き方
<head> ~ </head> 内に記述して下さい。
<style type="text/css">
<!--
a:link {color:#990000;} /* リンク未訪問 */
a:active {color:#ff9999;} /* クリック時 */
a:visited {color:#cc6666;} /* 訪問済リンク */
a:hover {color:#ff9999;} /* マウスポイント時 */
-->
</style>
- それぞれlink、active、visited、hover は
<body>タグ内で書かれるlink、alink、vlinkに該当致します。 (ちなみにhoverに該当する物はbodyタグ内にはございません) - 但しCSSで active と hover を設定しても、
IE4.0、NN6.0以降でないとサポートされておりません。
CSS での設定方法は以上でOKです。
BODY 部分での具体的な記述方法は下記の URL 先をご覧下さいませ。
[ 関連事項 : HP-TIPS > HPの作り方 > HTML文章を作る > リンクの張り方 ]
[ 関連事項 : HP-TIPS > HPの作り方 > HTML文章を作る > 画像にリンクを張る場合 ]
[ 関連事項 : HP-TIPS > HPの作り方 > HTML文章を作る > target属性 ]