カーソルの形状を変更する方法

2008.03.22

テーマ：ホームページ作成の悩み(545)

カテゴリ：HTML（応用編）

・カーソルの形状を変更する方法

今回はカーソルの形状を変更する方法について学んでいきます。

リンク部分にstyle=" "を追加し、defaultの部分を変更します。

<a href="リンク先URL.html" style="cursor:default">～</A>
↓
標準カーソル。矢印の場合が多い。

「～」には、リンクであることがわかる言葉や画像をいれます。

キーワード	使用例	説明
auto crosshair default hand move text wait help n-resize s-resize w-resize e-resize ne-resize nw-resize se-resize sw-resize progress not-allowed all-scroll	楽天市場TOPページへ楽天市場TOPページへ楽天市場TOPページへ楽天市場TOPページへ楽天市場TOPページへ楽天市場TOPページへ楽天市場TOPページへ楽天市場TOPページへ楽天市場TOPページへ楽天市場TOPページへ楽天市場TOPページへ楽天市場TOPページへ楽天市場TOPページへ楽天市場TOPページへ楽天市場TOPページへ楽天市場TOPページへ楽天市場TOPページへ楽天市場TOPページへ楽天市場TOPページへ	ブラウザが自動で指定。十字カーソル。標準カーソル。矢印の場合が多い。指型カーソル。 move指定物移動可能時のカーソル。矢印の十字。テキスト範囲選択時のカーソル。読み込み時、処理時のカーソル。ヘルプ利用可時のカーソル。ウインドウ上のサイズ変更時のカーソル。ウインドウ下のサイズ変更時のカーソル。ウインドウ左のサイズ変更時のカーソル。ウインドウ右のサイズ変更時のカーソル。ウインドウ右上のサイズ変更時のカーソル。ウインドウ左上のサイズ変更時のカーソル。ウインドウ右下のサイズ変更時のカーソル。ウインドウ左下のサイズ変更時のカーソル。進行中カーソル。※IE6.0以上のみ対応禁止カーソル。※IE6.0以上のみ対応全スクロール時のカーソル。※IE6.0以上のみ対応

リンク部分にカーソルを当てると形状が変わります。

[トップページへ戻る]

お気に入りの記事を「いいね！」で応援しよう

Last updated 2008.12.21 10:42:52

[HTML（応用編）] カテゴリの最新記事