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>

CSS での設定方法は以上でOKです。
BODY 部分での具体的な記述方法は下記の URL 先をご覧下さいませ。


[ 関連事項 : HP-TIPS > HPの作り方 > HTML文章を作る > リンクの張り方 ]
[ 関連事項 : HP-TIPS > HPの作り方 > HTML文章を作る > 画像にリンクを張る場合 ]
[ 関連事項 : HP-TIPS > HPの作り方 > HTML文章を作る > target属性 ]