我们在CSS中，cursor属性指定鼠标指针放在一个元素边界范围内时所用的光标形状

常用值

默认值：auto

default 通常是一个箭头

text 显示为光标

pointer 光标呈现为指示链接的指针（一只手）

move 此光标指示某对象可被移动。

其他值

e-resize    此光标指示矩形框的边缘可被向右（东）移动。

ne-resize   此光标指示矩形框的边缘可被向上及向右移动（北/东）。

nw-resize   此光标指示矩形框的边缘可被向上及向左移动（北/西）。

n-resize    此光标指示矩形框的边缘可被向上（北）移动。

se-resize   此光标指示矩形框的边缘可被向下及向右移动（南/东）。

sw-resize   此光标指示矩形框的边缘可被向下及向左移动（南/西）。

s-resize    此光标指示矩形框的边缘可被向下移动（南）。

w-resize    此光标指示矩形框的边缘可被向左移动（西）。

text    此光标指示文本。

wait    此光标指示程序正忙（通常是一只表或沙漏）。

help    此光标指示可用的帮助（通常是一个问号或一个气球）。

 <ul>
        <li style="cursor:auto">auto</li>
        <li style="cursor:crosshair">Crosshair</li>
        <li style="cursor:default"> Default</li>
        <li style="cursor:pointer"> Pointer</li>
        <li style="cursor:move"> Move</li>
        <li style="cursor:e-resize"> e-resize</li>
        <li style="cursor:ne-resize"> ne-resize</li>
        <li style="cursor:nw-resize"> nw-resize</li>
        <li style="cursor:n-resize"> n-resize</li>
        <li style="cursor:se-resize"> se-resize</li>
        <li style="cursor:sw-resize"> sw-resize</li>
        <li style="cursor:s-resize"> s-resize</li>
        <li style="cursor:w-resize"> w-resize</li>
        <li style="cursor:text"> text</li>
        <li style="cursor:wait"> wait</li>
        <li style="cursor:help"> help</li>
    </ul>

以上就是css鼠标样式大全全部内容,感谢大家支持自学php网。