一、默认光标
默认光标是最常见的光标类型，也是网页中默认使用的光标类型。一般在没有给光标设置类型的情况下，浏览器会使用默认光标。
/* 实现默认光标 */
cursor: default;
二、指针光标
指针光标是用于链接和可点击元素的光标类型。当用户将鼠标悬停在链接上时，指针光标将显示为手形图标，以指示可以单击链接并导航到其他页面。
/* 实现指针光标 */
cursor: pointer;
三、文字光标
文字光标是在文本输入位置用于显示的光标类型。例如，当用户在文本输入框中输入或编辑文本时，将显示文字光标。
/* 实现文字光标 */
cursor: text;
四、移动光标
移动光标是用于在可拖动元素（如图像或表格）上使用的光标类型。当用户悬停在可拖动元素上时，移动光标将显示为十字形图标，以指示可以拖动元素到其他位置。
/* 实现移动光标 */
cursor: move;
五、禁止光标
禁止光标是用于禁止用户通过单击执行某个操作的光标类型。例如，在可以订购商品的网页上，如果某个商品没有库存，则将出现禁止光标，以提示用户无法订购该商品。
/* 实现禁止光标 */
cursor: not-allowed;
六、自定义光标
自定义光标是通过配置图像来创建自定义光标类型。在使用自定义光标时，将使用指定的图像来代替默认光标或浏览器光标。
/* 实现自定义光标 */
cursor: url("custom-cursor.png"), auto;
七、跟随光标的提示框
跟随光标的提示框是指在用户将鼠标悬停在某个元素上时，将显示的文本框。此时可以设置提示框的位置，以始终跟随鼠标光标。
/* 实现跟随光标的提示框 */
/* HTML代码: 这是提示文本
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/287323.html
微信扫一扫 
支付宝扫一扫 