HTML-LABS : CSS（スタイルシート）解説 - カーソルの形状の指定 : cursor

形状には、下記の値を指定します。

auto（自動：初期値）
default（通常）
crosshair（十字印）
pointer（ポインタ）
move（移動用）
text（テキスト選択）
wait（待ち）
help（ヘルプ）
n-resize（上リサイズ）
s-resize（下リサイズ）
w-resize（左リサイズ）
e-resize（右リサイズ）
nw-resize（左上リサイズ）
ne-resize（右上リサイズ）
se-resize（右下リサイズ）
sw-resize（左下リサイズ）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>スタイルシート(CSS) = カーソルの形状の指定 =</title>

<style type="text/css">
<!--
p
{  width: 300px;
   background-color: #cccccc;
   padding: 20px 0px 20px 20px;
}
-->
</style>

</head>
<body>
    スタイルシート(CSS) = カーソルの形状の指定 =
    <p style="cursor: auto">auto</p>
    <p style="cursor: default">default</p>
    <p style="cursor: crosshair">crosshair</p>
    <p style="cursor: pointer">pointer</p>
    <p style="cursor: move">move</p>
    <p style="cursor: text">text</p>
    <p style="cursor: wait">wait</p>
    <p style="cursor: help">help</p>
    <p style="cursor: n-resize">n-resize</p>
    <p style="cursor: s-resize">s-resize</p>
    <p style="cursor: w-resize">w-resize</p>
    <p style="cursor: e-resize">e-resize</p>
    <p style="cursor: nw-resize">nw-resize</p>
    <p style="cursor: ne-resize">ne-resize</p>
    <p style="cursor: se-resize">se-resize</p>
    <p style="cursor: sw-resize">sw-resize</p>
</body>
</html>