七鍵＠楽天

当サイトのトップの注意書き。
マウスをのせると「はてな」のカーソルになりますよね(￣▽￣人)
今日はその方法をお教えしましょう。
たくさん登場しますがびっくりしないで下さい（笑
必要なものだけ覚えればいいだけのことですから(〃⌒▽⌒)

例）
<div style="cursor: auto;">ブラウザが自動的に選択</div>
<div style="cursor: default;">利用環境の標準</div>
<div style="cursor: pointer;">リンク</div>
<div style="cursor: crosshair;">十字</div>
<div style="cursor: move;">移動</div>
<div style="cursor: text;">テキスト編集</div>
<div style="cursor: wait;">待機・処理中</div>
<div style="cursor: help;">ヘルプ</div>
<div style="cursor: n-resize;">北方向のリサイズ</div>
<div style="cursor: s-resize;">南方向のリサイズ</div>
<div style="cursor: w-resize;">西方向のリサイズ</div>
<div style="cursor: e-resize;">東方向のリサイズ</div>
<div style="cursor: ne-resize;">北東方向のリサイズ</div>
<div style="cursor: nw-resize;">北西方向のリサイズ</div>
<div style="cursor: se-resize;">南東方向のリサイズ</div>
<div style="cursor: sw-resize;">南西方向のリサイズ</div>
<div style="cursor: hand;">指型</div>
<div style="cursor: no-drop;">ドロップ禁止（IE6以上）</div>
<div style="cursor: all-scroll;">全スクロール（IE6以上）</div>
<div style="cursor: col-resize;">横方向のリサイズ（IE6以上）</div>
<div style="cursor: row-resize;">縦方向のリサイズ</div>
<div style="cursor: progress;">進行中（IE6以上）</div>
<div style="cursor: not-allowed;">禁止（IE6以上）</div>
<div style="cursor: vertical-text;">縦書き（IE6以上）</div>
<div style="cursor: url('./samp.ani');">オリジナルカーソル（IE6以上）</div>

表示結果）
別窓でサンプルページが開きます。
サンプルは見やすいように少し加工しています。

いろいろな形に変わるのが分かったでしょうか？
今回は「DIV」タグに指定をしましたが、
「P」「SPAN」「IMG」「A」「TD」などなどにも指定することができます。
色々試してみてくださいね(￣▽￣人)