css中各种鼠标形状

最新推荐文章于 2024-02-01 10:12:36 发布

原创最新推荐文章于 2024-02-01 10:12:36 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

IT 专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了CSS中用于设置鼠标悬停效果的手型、十字、问号等常见样式，包括它们在不同浏览器下的表现及用法，帮助开发者快速实现网页交互的个性化定制。

CSS鼠标手型效果：
1. <a href="#" style="cursor:hand"></a>
2. <a href="#" style="cursor:pointer"></a>
pointer也是手型，可以在多种浏览器下使用。
CSS鼠标十字型效果：
<a href="#" style="cursor:crosshair"></a>
CSS鼠标问号效果：
<a href="#" style="cursor:help"></a>
CSS鼠标移动到文本上的效果：
<a href="#" style="cursor:text"></a>
CSS鼠标等待的效果：
<a href="#" style="cursor:wait"></a>
CSS鼠标默认效果：
<a href="#" style="cursor:default"></a>
CSS鼠标向右箭头效果：
<a href="#" style="cursor:e-resize"></a>
CSS鼠标向右上的箭头效果：
<a href="#" style="cursor:ne-resize"></a>
CSS鼠标向上的箭头效果：
<a href="#" style="cursor:n-resize"></a>
CSS鼠标向左上的箭头效果：
<a href="#" style="cursor:nw-resize"></a>
CSS鼠标向左的箭头效果：
<a href="#" style="cursor:w-resize"></a>
CSS鼠标向左下的箭头效果：
<a href="#" style="cursor:sw-resize"></a>
CSS鼠标向下的箭头效果：
<a href="#" style="cursor:s-resize"></a>
CSS鼠标向右下的箭头效果：
<a href="#" style="cursor:se-resize"></a>
CSS鼠标由系统自动给出效果：
<a href="#" style="cursor:auto"></a>