更改鼠标样式 / CSS cursor 属性 作者: Chuwen 时间: 2019-01-17 分类: HTML5 # 请把鼠标移动到单词上，可以看到鼠标指针发生变化： > 代码在最后面 <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> ```html <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> ``` 标签: CSS, CSS3