CSS cursor 属性(设置鼠标光标)

最新推荐文章于 2025-07-16 11:13:12 发布

原创最新推荐文章于 2025-07-16 11:13:12 发布 · 1.2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#css #html

css 专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了CSS中cursor属性的使用方法，展示了如何通过不同的值改变鼠标悬停在元素上时的光标样式，包括自动、十字准星、默认、指针、移动、调整大小等效果。

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

cursor用来设置悬停在元素上面时的鼠标光标。

常用的cursor属性值

示例代码

<html>

<body>
<p>把鼠标移动到单词上，可以看到鼠标指针发生变化：</p>
<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>
</body>

</html>