CSS定义鼠标经过时鼠标图形的十五种样式整理

ttx9n · 发表于 2013-9-10 17:17:30

鼠标经过时一般都会有鼠标的图形样式，为了方便使用本文整理了十五种常见的鼠标经过样式，喜欢的朋友可以收集下 CSS鼠标样式语法如下：

text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
e- resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w- resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto 是由系统自动给出效果

任意标签中插入 style="cursor:*"
例子：<span style="cursor:*">文本或其它页面元素</span> <a href="#" style="cursor:*">文本或其它页面元素</a> 注意把 * 换成如下15个效果的一种：

移动鼠标到上面，看你的鼠标起了什么变化吧！

hand是手型
例子：CSS鼠标手型效果 <a href="#" style="cursor:hand">CSS鼠标手型效果</a>

pointer也是手型，这里推荐使用这种，因为这可以在多种浏览器下使用。
例子：CSS鼠标手型效果 <a href="#" style="cursor:pointer">CSS鼠标手型效果</a>

crosshair是十字型
例子：CSS鼠标十字型效果 <a href="#" style="cursor:crosshair">CSS鼠标十字型效果</a>

help是问号
例子：CSS鼠标问号效果 <a href="#" style="cursor:help">CSS鼠标问号效果</a>

0qfjyf · 发表于 2022-9-5 00:08:06

来看看怎么样

Alisaliu · 发表于 2022-9-7 13:08:17

sdsadsadsadf

cxst1h57 · 发表于 2023-5-30 08:02:13

大家都不容易！

fwn2rd · 发表于 2023-9-21 07:22:32

搞个免费的用用

i1efp6c · 发表于 2024-3-10 13:41:12

很不错的玩意

z835648964 · 发表于 2024-3-23 15:46:12

灌灌灌灌水

zzhxxx · 发表于 2024-5-13 20:04:34

66666666666

wxrf98xr · 发表于 2024-5-18 19:25:11

先把创新班才能下班才能下班

uj9lpc · 发表于 2024-8-6 19:02:35

来看看怎么样

账号		自动登录	找回密码
密码			立即注册

[CSS] CSS定义鼠标经过时鼠标图形的十五种样式整理

相关帖子