本文操作环境:windows10系统、css 3、thinkpad t480电脑。
css给我们提供了一个非常好用的属性,它就是cursor属性,下面让我们来一起看看这个属性。
cursor 属性规定要显示的光标的类型(形状)。
常用的一些属性值:
-
default 默认光标(通常是一个箭头)
-
auto 默认。浏览器设置的光标。
-
crosshair 光标呈现为十字线。
-
pointer 光标呈现为指示链接的指针(一只手)
-
move 此光标指示某对象可被移动。
-
text 此光标指示文本。
-
wait 此光标指示程序正忙(通常是一只表或沙漏)。
-
help 此光标指示可用的帮助(通常是一个问号或一个气球)。
代码示例:
请把鼠标移动到单词上,可以看到鼠标指针发生变化:
Auto
Crosshair
Default
Pointer
Move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help
大家可以复制上面的到本地去运行,看看具体的运行效果。
转载请注明:IT运维空间 » web技术 » css怎么改变鼠标形状 css怎么改变鼠标样式
发表评论