++リンクの装飾++
スタイルシートを使ってるから
使うページのお知らせ欄の一番上に貼ってねo
同じページにいっぺんにサンプルを表示出来ないので
サンプルはそれぞれのところの「サンプル」から飛んでね。
新しいブラウザに表示されるょ。
テキストリンクの下線を消すo
サンプル
※色も変えたい場合
「文字の色」を好きな色に変えてねo
装飾したいページのお知らせ欄の上のほうに貼ってねo
テキストリンクの下線を消す+
マウスのカーソルが触れたとき、上下に線を入れるo
サンプル
※色も変えたい場合
文字の色を好きな色に変えてねo
装飾したいページのお知らせ欄の上のほうに貼ってねo
マウスのカーソルが触れたとき
リンクの背景色が変わる
サンプル
背景色を自分で好きな色にしてねo
装飾したいページのお知らせ欄の上のほうに貼ってねo
触れるとリンクがへこんだように見える。
サンプル
「3px」を好きな数字に変えてもOKですo
装飾したいページのお知らせ欄の上のほうに貼ってねo
マウスのカーソルが触れるとリンクが太字になる
サンプル
装飾したいページのお知らせ欄の上のほうに貼ってねo
メニューでマウスのカーソルが触れたときに画像が変わる
(ガイアックスではメニューのところでこれと同じことが
出来るようになってます。)
サンプル
リンク先URL、通常画像URLなどを書き換えてねo
マウスのカーソルが、リンクに触れたときに変わる
サンプル
タイプは次のうちのどれかに置きかえてね。
それぞれの種類の上にマウスをのせると、形が見られるょ☆
| auto | crosshair |
| default | move |
| e-resize | ne-resize |
| nw-resize | n-resize |
| se-resize | sw-resize |
| s-resize | w-resize |
| text | wait |
| help | col-resize |
| row-resize | hand |
| progress | not-allowed |
| no-drop | vertical-text |
| all-scroll | |
※IEの4以上でないと変化しませんo