css中扩展的光标属性

在CSS中，光标是用来表示用户鼠标指针在页面上不同状态下的形态，光标属性cursor就是用来定义鼠标指针的形态，如箭头、手型、等待等。除了CSS预定义的光标外，CSS还提供了一些扩展的光标属性，让我们可以更好地控制页面的交互效果。

/* 自定义光标 */
.custom {
    cursor: url('custom.cur'), auto;
} 

通过使用url()函数，我们可以自定义一个光标图像作为鼠标指针，比如将箭头替换成一个自己的图标。其中，“auto”是备用光标，如果指定图像无法显示，则使用备用光标。

/* 播放控制光标 */
.playback {
    cursor: url('play.png') 16 16, pointer;
} 

在播放视频或音频时，我们往往需要一个播放控制光标，如上面的代码。其中，16px和16px表示光标的中心点，pointer是备用光标。

/* 拖拽光标 */
.drag {
    cursor: move;
} 

在实现拖拽效果时，我们可以将鼠标指针形态改为移动图标，如上面的代码。move是CSS预定义的光标形态之一。

总之，CSS中的光标属性可以帮助我们控制页面中鼠标指针的形态，提高页面的交互效果和用户体验。