鼠标触碰元素时变为其它各种形状

 鼠标触碰元素时，鼠标形状变为其它形状，其中经典的是手形 （style="cursor:pointer"）

<p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p>
<span style="cursor:auto">Auto</span>             <!--默认，浏览器设置的光标-->
<br/>
<span style="cursor:crosshair">Crosshair</span>   <!--光标呈现为十字线-->
<br/>
<span style="cursor:default">Default</span>       <!--默认光标（通常是一个箭头）-->
<br/>
<span style="cursor:pointer">Pointer</span>       <!--光标呈现为手形-->
<br />
<span style="cursor:move">Move</span>
<br/>
<span style="cursor:e-resize">e-resize</span>
<br />
<span style="cursor:ne-resize">ne-resize</span>
<br/>
<span style="cursor:nw-resize">nw-resize</span>
<br/>
<span style="cursor:n-resize">n-resize</span>
<br/>
<span style="cursor:se-resize">se-resize</span>
<br/>
<span style="cursor:sw-resize">sw-resize</span>
<br/>
<span style="cursor:s-resize">s-resize</span>
<br/>
<span style="cursor:w-resize">w-resize</span>
<br/>
<span style="cursor:text">text</span>
<br/>
<span style="cursor:wait">wait</span>            <!--此光标指示程序正忙（通常是一只表或沙漏）-->
<br/>
<span style="cursor:help">help</span>            <!--此光标指示可用的帮助（通常是一个问号或一个气球）-->