CSS鼠标手型效果:
1. <a href="#" style="cursor:hand"></a>
2. <a href="#" style="cursor:pointer"></a>
pointer也是手型,可以在多种浏览器下使用。
CSS鼠标十字型效果:
<a href="#" style="cursor:crosshair"></a>
CSS鼠标问号效果:
<a href="#" style="cursor:help"></a>
CSS鼠标移动到文本上的效果:
<a href="#" style="cursor:text"></a>
CSS鼠标等待的效果:
<a href="#" style="cursor:wait"></a>
CSS鼠标默认效果:
<a href="#" style="cursor:default"></a>
CSS鼠标向右箭头效果:
<a href="#" style="cursor:e-resize"></a>
CSS鼠标向右上的箭头效果:
<a href="#" style="cursor:ne-resize"></a>
CSS鼠标向上的箭头效果:
<a href="#" style="cursor:n-resize"></a>
CSS鼠标向左上的箭头效果:
<a href="#" style="cursor:nw-resize"></a>
CSS鼠标向左的箭头效果:
<a href="#" style="cursor:w-resize"></a>
CSS鼠标向左下的箭头效果:
<a href="#" style="cursor:sw-resize"></a>
CSS鼠标向下的箭头效果:
<a href="#" style="cursor:s-resize"></a>
CSS鼠标向右下的箭头效果:
<a href="#" style="cursor:se-resize"></a>
CSS鼠标由系统自动给出效果:
<a href="#" style="cursor:auto"></a>
1.
2.
pointer也是手型,可以在多种浏览器下使用。
CSS鼠标十字型效果:
<a href="#" style="cursor:crosshair"></a>
CSS鼠标问号效果:
<a href="#" style="cursor:help"></a>
CSS鼠标移动到文本上的效果:
<a href="#" style="cursor:text"></a>
CSS鼠标等待的效果:
<a href="#" style="cursor:wait"></a>
CSS鼠标默认效果:
<a href="#" style="cursor:default"></a>
CSS鼠标向右箭头效果:
<a href="#" style="cursor:e-resize"></a>
CSS鼠标向右上的箭头效果:
<a href="#" style="cursor:ne-resize"></a>
CSS鼠标向上的箭头效果:
<a href="#" style="cursor:n-resize"></a>
CSS鼠标向左上的箭头效果:
<a href="#" style="cursor:nw-resize"></a>
CSS鼠标向左的箭头效果:
<a href="#" style="cursor:w-resize"></a>
CSS鼠标向左下的箭头效果:
<a href="#" style="cursor:sw-resize"></a>
CSS鼠标向下的箭头效果:
<a href="#" style="cursor:s-resize"></a>
CSS鼠标向右下的箭头效果:
<a href="#" style="cursor:se-resize"></a>
CSS鼠标由系统自动给出效果:
<a href="#" style="cursor:auto"></a>