我们可以使用 css 光标属性来操作 html 文档中不同元素的光标图像。
语法
The syntax of CSS cursor property is as follows:Selector { cursor: /*value*/}
以下是 CSS 光标属性的值 –
1alias
表示某事物的别名待创建
2全滚动
It表示可以向任意方向滚动的内容
立即学习“前端免费学习笔记（深入）”；
3自动
默认，浏览器设置光标
4单元格
表示可以选择一个单元格（或一组单元格）
5context-menu
表示上下文菜单可用
6col-resize
表示列可以水平调整大小
7复制
表示要复制的内容
8十字线
它呈现为十字线
9默认
它呈现默认光标
10e-resize
表示将盒子的边缘向右（向东）移动
td>
11ew-resize
表示双向调整光标大小
12抓取
表示可以抓取东西
13抓取
表示可以抓取某物
14帮助
表示有帮助
15移动
表示要移动某物
16n-resize
表示盒子的边缘将向上移动（北）
17ne-resize
表示盒子的边缘要向上和向右移动（北/东）
18 new-resize
表示双向调整光标大小
19 td>ns-resize
表示双向调整光标大小
20 nw-resize
表示盒子的边缘向上和向左移动（北/西）
21nwse-resize
表示双向调整大小光标
22no-drop
表示拖动的item不能被拖拽放在此处
23无
没有呈现光标对于元素
24不允许
It表示请求的动作不会被执行
25指针
它是一个指针，表示一个链接
26进度 p>
表示程序正忙（正在进行中）
27row- resize
表示该行可以垂直调整大小
28 s-resize
表示将盒子的边缘向下（向南）移动
29se-resize
表示盒子的边缘向下向右（南/东）移动
30sw-resize
表示一条边框的要向下和向左移动（南/西）
31文本 strong>
表示可以选择的文字
32URL
以逗号分隔的自定义光标的 URL 列表，并在末尾提到通用光标作为故障安全
33vertical-text
表示可以选择的竖排文本
34w-resize
表示盒子的边缘向左（向西）移动 p>
35等待
表示程序正忙
36放大
表示某物可以放大
37缩小
它表示可以缩小某些内容
38初始
它将光标属性设置为其默认值。
39继承
它从父元素继承了cursor属性。
以下是实现CSS光标属性的示例
示例
现场演示
div { margin: 5px; float: left;}#one { background-color: beige;}#two { background-color: lavender;}.n-resize {cursor: n-resize;}.ne-resize {cursor: ne-resize;}.nw-resize {cursor: nw-resize;}.not-allowed {cursor: not-allowed;}.pointer {cursor: pointer;}left cornerupright cornerNot-allowedPointer
输出
以上就是使用 CSS 更改光标的外观的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1626283.html
微信扫一扫 
支付宝扫一扫 
