css curser
时间: 2023-08-14 13:12:59 浏览: 51
CSS的cursor属性用于设置鼠标指针在元素上的样式。可以使用不同的值来定义不同的鼠标指针样式。根据引用\[2\]中的内容,可以使用url属性来设置自定义的光标样式。例如,可以使用以下代码来设置默认光标状态为一个自定义的光标图像:
html {
cursor: url(http://res.360shouji.com/favicon.ico), auto;
}
其中,url(http://res.360shouji.com/favicon.ico)指定了自定义光标图像的URL,auto表示浏览器默认的光标状态。同样地,可以使用其他状态来定义不同的光标样式,如鼠标按下时的状态。例如:
html:active {
cursor: url(http://mall.360.com/resource/img/favicon.png), auto;
}
这样,当鼠标按下时,光标将显示为另一个自定义的光标图像。
#### 引用[.reference_title]
- *1* *3* [【Css边界图片 按钮 背景】](https://blog.csdn.net/hjdhdhdhd/article/details/128192614)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [【css属性之cursor】 光标自定义](https://blog.csdn.net/dong123dddd/article/details/51095347)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]