更改鼠标样式 / CSS cursor 属性

请把鼠标移动到单词上,可以看到鼠标指针发生变化:

代码在最后面

Auto(自动)

Crosshair(十字线)

Default(默认,无变化)

Pointer(指针)

Move(移动)

e-resize(左右 调整大小)

ne-resize(右上左下 调整大小)

nw-resize(左上右下 调整大小)

n-resize(上下 调整大小)

se-resize

sw-resize

s-resize

w-resize

text

wait

help

<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>

如无特别声明,该文章均为 现在网NowTime.cc)原创,转载请遵循 署名-非商业性使用 4.0 国际(CC BY-NC 4.0) 协议,即转载请注明文章来源。


标签: CSS, CSS3

赞 (0)

添加新评论