タグの絵本
>
CSS
> マウスがリンク文字上にのったらカーソルを変更する
■マウスがリンク文字上にのったらカーソルを変更する
・使用するCSS
a:hover { cursor: ☆; }
補足≫ ☆=カーソルの種類
下の種類にカーソルを合わせるとそのカーソルが見れます。
hand=ハンド
crosshair=十字
text=テキスト
wait=砂時計
default=デフォルト
help=ヘルプ
e-resize=右
w-resize=左
n-resize=上
s-resize=下
ne-resize=右上
se-resize=右下
nw-resize=左上
sw-resize=左下
・説明
リンクの上にカーソルが乗った時、カーソルのデザインを変更します。
・使用例
ソース (テスト書き込み可)
<html> <head> <title>あなたのホームページ</title> <style type="text/css"> <!-- a:hover { cursor: crosshair; } --> </style> </head> <body> ホームページ作成中。頑張ります! <BR> <BR> <A href="http://www.hisas.jp/">素材NAVIへ</A> </body> </html>
あなたのホームページ Internet Explorer
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H)
ホームページ作成中。頑張ります!
素材NAVIへ
Copyright (C) 2006 タグの絵本 All rights reserved.
→
index