各种MOUSE形状的表示方法-优快云博客

本文链接：https://blog.youkuaiyun.com/mailreboot/article/details/3629951

本文详细介绍了 CSS 中 cursor 属性的使用方法及各种预定义光标样式，包括基本的 auto 和 default，以及复杂的多方向调整大小光标如 nw-resize 和 se-resize。此外还涉及了 IE6 支持的额外样式，如 not-allowed 和自定义光标文件的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<a href="http://" style="cursor: auto;">auto</a> 
<a href="http://" style="cursor: crosshair ">crosshair </a> 
<a href="http://" style="cursor: default ">default </a> 
<a href="http://" style="cursor: hand ">hand </a> 
<a href="http://" style="cursor: move ">move </a> 
<a href="http://" style="cursor: e-resize ">e-resize </a> 
<a href="http://" style="cursor: ne-resize ">ne-resize </a> 
<a href="http://" style="cursor: nw-resize">nw-resize</a> 
<a href="http://" style="cursor: n-resize">n-resize</a> 
<a href="http://" style="cursor: se-resize">se-resize</a> 
<a href="http://" style="cursor: sw-resize">sw-resize</a> 
<a href="http://" style="cursor: s-resize">s-resize</a> 
<a href="http://" style="cursor: w-resize">w-resize</a> 
<a href="http://" style="cursor: text">text</a> 
<a href="http://" style="cursor: wait">wait</a> 
<a href="http://" style="cursor: help">help</a> 
IE6支持的 
<a href="http://" style="cursor: pointer">pointer</a> 
<a href="http://" style="cursor: progress">progress</a> 
<a href="http://" style="cursor: not-allowed">not-allowed</a> 
<a href="http://" style="cursor: no-drop">no-drop</a> 
<a href="http://" style="cursor: vertical-text">vertical-text</a> 
<a href="http://" style="cursor: all-scroll">all-scroll</a> 
<a href="http://" style="cursor:col-resize">col-resize</a> 
<a href="http://" style="cursor: row-resize">row-resize</a> 
<a href="http://" style="cursor: url(*.cur)">自定义鼠标指针（请替换成相应的文件）：*.cur</a> 
<a href="http://" style="cursor: url(*.ani)">自定义鼠标指针（请替换成相应的文件）：*.ani</a>