您的位置:首页 > Web前端 > CSS

css中各种鼠标形状

2014-08-07 13:20 169 查看
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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: