| all-scroll | col-resize | no-drop | vertical-text |
| not-allowed | progress | row-resize | |
| cursor : url("xxx.cur"), url("xxx.ani"), xxx | |||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>マウスカーソルの形状変更（IE6以上）</title>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--
.typ1 { cursor: hand }
.typ2 { cursor: crosshair ;}
.typ3 { cursor: text;}
.typ4 { cursor: wait;}
.typ5 { cursor: default;}
.typ6 { cursor: help;}
.typ7 { cursor: e-resize;}
.typ8 { cursor: ne-resize;}
.typ9 { cursor: n-resize;}
.typ10 { cursor: nw-resize;}
.typ11 { cursor: w-resize;}
.typ12 { cursor: sw-resize;}
.typ13 { cursor: se-resize;}
.typ14 { cursor: s-resize;}
.typ15 { cursor: auto;}
.typ16 { cursor: move;}
.typ17 { cursor: pointer;}
.typ18 { cursor: all-scroll}
.typ19 { cursor: col-resize}
.typ20 { cursor: no-drop}
.typ21 { cursor: vertical-text}
.typ22 { cursor: not-allowed}
.typ23 { cursor: progress}
.typ24 { cursor: row-resize}
.typ25 { cursor: url("arw1.ani"),
url("arw2.ani"),
url("arw3.cur"),
se-resize;}
body { text-align: center;}
-->
</style>
</head>
<body bgcolor="#FF9999" text="#000000">
IE6以上
<table width="80%" border="2" cellspacing="3" cellpadding="3">
<tr align="center" bgcolor="#FF6633">
<td class="typ18" width="25%">all-scroll</td>
<td class="typ19" width="25%">col-resize</td>
<td class="typ20" width="25%">no-drop</td>
<td class="typ21">vertical-text</td>
</tr>
<tr align="center" bgcolor="#FF6633">
<td class="typ22">not-allowed</td>
<td class="typ23">progress</td>
<td class="typ24">row-resize</td>
<td class="typ1"> </td>
</tr>
<tr align="center" bgcolor="#FF6633">
<td class="typ25" colspan="4">cursor : url("xxx.cur"), url("xxx.ani"),
xxx</td>
</tr>
</table>
</body>
</html>