CSS光标属性一览表

最新推荐文章于 2024-06-18 12:34:20 发布

原创最新推荐文章于 2024-06-18 12:34:20 发布 · 99 阅读

CC 4.0 BY-SA版权

本文介绍了CSS中光标样式的各种类型及其使用方法。通过不同的属性值可以改变鼠标指针形状，如十字准星、手型等，适用于网页设计中交互元素的定制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

光标类型		CSS
把你的光标放到相应文字上查看效果		要注意光标的实际效果依赖于用户的系统设置，与你在这里看到的效果并不一定一致。
	十字准心	cursor: crosshair;
	手	cursor: pointer; cursor: hand; 写两个是为了照顾IE5，它只认hand。
	等待/沙漏	cursor: wait;
	帮助	cursor: help;
	无法释放	cursor: no-drop;
	文字/编辑	cursor: text;
	可移动对象	cursor: move;
	向上改变大小(North)	cursor: n-resize;
	向下改变大小(South)	cursor: s-resize;
	向右改变大小(East)	cursor: e-resize;
	向左改变大小(West)	cursor: w-resize;
	向上右改变大小(North East)	cursor: ne-resize;
	向上左改变大小(North West)	cursor: nw-resize;
	向下右改变大小(South East)	cursor: se-resize;
	向下左改变大小(South West)	cursor: sw-resize;
	自动	cursor: auto;
	禁止	cursor:not-allowed;
	处理中	cursor: progress;
	系统默认	cursor: default;
	用户自定义（可用动画）	cursor: url(' # '); # = 光标文件地址 (注意文件格式必须为：.cur 或 .ani)。