Cursor Types |
? |
Place the mouse cursor over any of the text below to reveal a different cursor. |
Whether these work properly depends largely on how your reader’s computers are set up. If they have changed their cursors, their modified cursors will pop up. No big deal really, and the majority of people will get what you’d expect. |
![]() |
<span style=”cursor: crosshair;”> Crosshair Cursor </span> |
![]() |
<span style=”cursor: pointer; cursor: hand;”> Hand Cursor </span> |
![]() |
<span style=”cursor: wait;”> Wait/Hourglass Cursor </span> |
![]() |
<span style=”cursor: help;”> Help Cursor </span> |
![]() |
<span style=”cursor: no-drop;”> No-drop Cursor </span> |
![]() |
<span style=”cursor: text;”> Text/Edit Cursor </span> |
![]() |
<span style=”cursor: move;”> Moveable Object Cursor </span> |
![]() |
<span style=”cursor: n-resize”> Resize Up (North) </span> |
![]() |
<span style=”cursor: s-resize”> Resize Down (South) </span> |
![]() |
<span style=”cursor: e-resize”> Resize Right (East) </span> |
![]() |
<span style=”cursor: w-resize”> Resize Left (West) </span> |
![]() |
<span style=”cursor: ne-resize”> Resize Up + Right (North East) </span> |
![]() |
<span style=”cursor: nw-resize”> Resize Up + Left (North West) </span> |
![]() |
<span style=”cursor: se-resize”> Resize Down + Right (South East) </span> |
![]() |
<span style=”cursor: sw-resize”> Resize Down + Left (South West) </span> |
![]() |
<span style=”cursor: auto”> Auto Cursor </span> |
![]() |
<span style=”cursor:not-allowed”> Not-allowed Cursor </span> |
![]() |
<span style=”cursor: progress”> Progress Cursor </span> |
![]() |
<span style=”cursor: default”> System Defalt Cursor </span> |
![]() |
<span style=”cursor: url(‘ # ‘)”> Custom Cursor </span>
[转载著名:W3C网页标准学院] ??# = Cursor Image Location?? (.cur or .ani) |
未经允许不得转载:WEB前端开发 » CSS光标属性一览表
最新评论
写的挺好的
有没有兴趣翻译 impatient js? https://exploringjs.com/impatient-js/index.html
Flexbox playground is so great!
感谢总结。
awesome!
这个好像很早就看到类似的文章了
比其他的教程好太多了
柯理化讲的好模糊…没懂