gtxyzz

css怎么改变鼠标形状 css怎么改变鼠标样式

gtxyzz web技术 2022-10-21 488浏览 0

本文操作环境: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

大家可以复制上面的到本地去运行,看看具体的运行效果。

继续浏览有关 css教程 的文章
发表评论