リンクにマウスを持って行くと、マウスが矢印になったり、色が変わったり
スクロールバーの色が変わったりするの見たことあるよね。
ここでは簡単なものを紹介するよ。

</head>の上に入れてください。<title>〜</title>の下になるね。
リンクの下線を消したい場合は、下のようになります。

ページ内のカーソルを変える

<style type="text/css"> <!-- body { cursor: 指定; } --> </style>

リンクにふれたときのカーソルを変える

<style type="text/css"> <!-- a { cursor: 指定; } --> </style>

リンクにカーソルでふれたら下線を出す

<style type="text/css"> <!-- a { text-decoration: none; } a:hover { text-decoration: underline; } --> </style>

リンクにカーソルでふれたら上下線を出す

<style type="text/css"> <!-- a { text-decoration: none; } a:hover { text-decoration: underline overline; } --> </style>

リンクにマウスがふれたら背景色をつける
色指定はカラーコードを入れてね

<style type="text/css"> <!-- a:hover { background-color: 色指定; } --> </style>

リンクにカーソルでふれたら下線を出し文字と線に色つけ

<style type="text/css"> <!-- a { text-decoration: none; } a:hover { text-decoration: underline; color: 色指定; } --> </style>

色つきリンクにカーソルでふれたら線が出て色が変わる

<style type="text/css"> <!-- a { text-decoration: none; color: 色指定; } a:hover { text-decoration: underline; color: 色指定; } --> </style>

リンク文字にマウスを乗せたら文字が動く

<style type="text/css"> <!-- a:hover { text-decoration: underline; position: relative; top: 3px; left: 3px; color: 色指定; } --> </style>

リンク文字にマウスを乗せたら点線が出る

<style type="text/css"> <!-- a { text-decoration: none; } a:hover { border-width: 2px; border-style: dotted; border-color: 色指定; } --> </style>

リンク文字にマウスを乗せたら上下に点線が出る

<style type="text/css"> <!-- a { text-decoration: none; } a:hover { border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: 色指定; border-top-width: 2px; border-top-style: dotted; border-top-color: 色指定; } --> </style>

玄関に戻るよ