html css cursor类型（转）

原文地址：html css cursor类型 作者：约瑟夫

              hand:是手型。
　　 crosshair:是十字型，就是小乌龟首页所用的样式。
　　 text:是平时鼠标移动到文本上的样式。
　　 wait:是等待的效果。
　　 default:是默认的那种效果。
　　 help:是带问号的鼠标样式。
　　 e-resize:是向右的箭头。
　　 ne-resize:是向右上方的箭头。
　　 n-resize:是向上的箭头。
　　 nw-resize:是向左上方的箭头。
　　 w-resize:是向左的箭关。
　　 sw-resize:是向左下的箭头。
　　 s-resize:是向下的箭头。
　　 se-resize:是向右下方的箭头。
　　 auto:是系统自动的效果。
　　当然根据需要你也可以将样式应用于其它标签，或者单纯的只应用于某一段文本。如果读者对CSS代码不陌生的话，或许直接手写代码更方便。特别是，如果你想在不同的位置运用不同的鼠标样式，或者不同的标签使用不同的鼠标样式。直接将样式写在某个具体的标签里边就可以了。

　　方法是:< tag style=cursor:mouse_style>。其中tag是标签名，mouse_style就是鼠标样式，如hand/crosshair/text/wait等等。

　　下面举个具体的实例以加深大家对鼠标样式设置的理解。　
　　<span style=cursor:hand>　hand:是大家所熟悉的手型。< /span>

　　< span style=cursor:crosshair>crosshair:是十字型，就是小乌龟首页所用的样式。< /span>

　　< span style=cursor:text>text:是平时鼠标移动到文本上的样式。< /span>

　　< span style=cursor:wait>wait:是等待的效果。< /span>

　　< span style=cursor:default>default:是默认的那种效果。< /span>

　　< span style=cursor:help>help:是带问号的鼠标样式。< /span>

　　< span style=cursor:e-resize>e-resize:是向右的箭头。< /span>

　　< span style=cursor:ne-resize>ne-resize:是向右上方的箭头。< /span>

　　< span style=cursor:n-resize>n-resize:是向上的箭头。< /span>

　　< span style=cursor:nw-resize>nw-resize:是向左上方的箭头。< /span>

　　< span style=cursor:w-resize>w-resize:是向左的箭关。< /span>

　　< span style=cursor:sw-resize>sw-resize:是向左下的箭头。< /span>

　　< span style=cursor:s-resize>s-resize:是向下的箭头。< /span>

　　< span style=cursor:se-resize>se-resize:是向右下方的箭头。< /span>

　　< span style=cursor:auto>auto:是系统自动的效果。< /span>


注意:
在ie下设置 css 样式 style="cursor:hand;" 可以正常显示
但是在firefox下就不行
改用 style="cursor:pointer;"
则在两个浏览器下都能正常显示
但只适用于IE6.0及以上版本以及FIREFOX，在IE5.0下不能显示成手