当将鼠标放在某一个标签上的时候，鼠标变成指定样式

最新推荐文章于 2023-08-22 16:29:18 发布

__十七

最新推荐文章于 2023-08-22 16:29:18 发布

阅读量466

点赞数

分类专栏： css 文章标签： css3 css html

本文链接：https://blog.csdn.net/wlijun_0808/article/details/125091394

版权

css 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

实现效果，当将鼠标放在某一个标签上的时候，鼠标变成小手的样式。

直接在该元素的样式上面加上cursor:pointer;

拓展其他样式：

<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>            <!--此光标指示可用的帮助（通常是一个问号或一个气球）-->