100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > CSS 设置鼠标的样式

CSS 设置鼠标的样式

时间:2024-05-19 05:05:02

相关推荐

CSS 设置鼠标的样式

常用的几种

1、crosshair光标呈现为十字线。

1、pointer 光标呈现为指示链接的指针(一只手)

3、move 此光标指示某对象可被移动。

4、e-resize 此光标指示矩形框的边缘可被向右(东)移动。

5、text 此光标指示文本。

6、wait 此光标指示程序正忙(通常是一只表或沙漏)。

<style>.default:hover{cursor: default;/* 默认光标(通常是一个箭头) */}.auto:hover{cursor: auto;/*默认。浏览器设置的光标*/}.crosshair:hover{cursor: crosshair;/*光标成十字线*/}.pointer:hover{cursor:pointer;/*光标呈现为指示链接的指针(一只手)*/}.move:hover{cursor: move;/*此光标指示某对象可被移动。*/}.e-resize:hover{cursor: e-resize;/*此光标指示矩形框的边缘可被向右(东)移动。*/}.text:hover{cursor: text;/* 此光标指文本 */}.wait:hover{cursor: wait;/*此光标指示程序正忙(通常是一只表或沙漏)*/}.help:hover{cursor: help;/*此光标指示可用的帮助(通常是一个问号或一个气球)。*/}</style>

详细 参见菜鸟教程:CSS cursor 属性 | 菜鸟教程

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。