基本语法如下:
.selector {
cursor: value;
}
其中 value 可以是以下之一:
- auto: 浏览器自动选择合适的光标。
- default: 默认光标,通常是一个箭头。
- pointer: 手型光标,表示链接。
- move: 移动光标,表示可以移动元素。
- text: 文本光标,表示可以选择文本。
- not-allowed: 禁止光标,表示不允许交互。
还有其他一些可用的值,包括 crosshair、wait、help 等,以及自定义光标样式的 URL。
以下是一个例子,将鼠标指针样式设置为手型:
.button {
cursor: pointer;
}
在这个例子中,类名为 .button 的元素将显示手型光标,以提示用户这是一个可点击的按钮。你可以根据具体的交互和设计需求选择不同的 cursor 值。
转载请注明出处:http://www.zyzy.cn/article/detail/4175/CSS