鼠标放在指定位置上光标形状发生变化

CSS cursor 属性

<span style="cursor:auto">默认浏览器设置的光标</span>
<span style="cursor:crosshair">光标呈现为十字线</span>
<span style="cursor:default">Default</span>
<span style="cursor:pointer">光标呈现为指示链接的指针（一只手）</span>
<span style="cursor:move">此光标指示某对象可被移动</span>
<span style="cursor:e-resize">此光标指示矩形框的边缘可被向右（东）移动</span>
<span style="cursor:ne-resize">此光标指示矩形框的边缘可被向上及向右移动（北/东）</span>
<span style="cursor:nw-resize">此光标指示矩形框的边缘可被向上及向左移动（北/西）</span>
<span style="cursor:n-resize">此光标指示矩形框的边缘可被向上（北）移动</span>
<span style="cursor:se-resize">此光标指示矩形框的边缘可被向下及向右移动（南/东）</span>
<span style="cursor:sw-resize">此光标指示矩形框的边缘可被向下及向左移动（南/西）</span>
<span style="cursor:s-resize">此光标指示矩形框的边缘可被向下移动（北/西）</span>
<span style="cursor:w-resize">此光标指示矩形框的边缘可被向左移动（西）</span>
<span style="cursor:text">此光标指示文本</span>
<span style="cursor:wait">此光标指示程序正忙</span>
<span style="cursor:help">此光标指示可用的帮助</span>