CSSCursor属性所有值的说明

在Web开发中,CSS Cursor属性是一个用来定义鼠标光标在特定元素上的外观的非常重要的属性。这个属性的使用非常简单,只需要在CSS中指定一个元素的Cursor属性的值即可。下面将为大家详细介绍CSS Cursor属性的所有可用值。

  1. auto:默认值,浏览器自动选择适当的光标。
  2. pointer:手形光标,表示该元素可以被点击。
  3. default:默认光标,通常为箭头形状。
  4. move:移动光标,表示该元素可以被拖动。
  5. text:文本光标,表示该元素可以输入文本。
  6. wait:等待光标,表示该元素正在加载或执行操作,用户需要等待。
  7. help:帮助光标,表示该元素提供了帮助信息。
  8. crosshair:十字线光标,表示该元素可以被选择或绘制。
  9. not-allowed:禁止光标,表示该元素不允许被点击或操作。
  10. progress:进度光标,表示该元素正在进行某些操作。
  11. e-resize、w-resize、n-resize、s-resize:东、西、北、南调整大小的光标,表示该元素可以调整其大小。
  12. ne-resize、nw-resize、se-resize、sw-resize:东北、西北、东南、西南调整大小的光标,表示该元素可以调整其大小。

此外,还有一些其他的值可用,包括url(),该值允许指定自定义光标,如:cursor: url(my-cursor.png), auto;。

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
CSS cursor 属性定义鼠标指针悬停在元素上时的外观。 语法: ``` selector { cursor: value; } ``` 属性: - `auto`:默认。浏览器设置的光标; - `default`:默认光标; - `none`:无光标; - `context-menu`:上下文菜单光标; - `help`:帮助光标; - `pointer`:手型光标; - `progress`:进度条光标; - `wait`:等待光标; - `cell`:单元格光标; - `crosshair`:十字线光标; - `text`:文本光标; - `vertical-text`:垂直文本光标; - `alias`:别名光标; - `copy`:复制光标; - `move`:移动光标; - `no-drop`:不可拖动光标; - `not-allowed`:禁止光标; - `grab`:抓取光标; - `grabbing`:抓取中光标; - `e-resize`:向右调整大小光标; - `n-resize`:向上调整大小光标; - `ne-resize`:向右上调整大小光标; - `nw-resize`:向左上调整大小光标; - `s-resize`:向下调整大小光标; - `se-resize`:向右下调整大小光标; - `sw-resize`:向左下调整大小光标; - `w-resize`:向左调整大小光标; - `ew-resize`:水平调整大小光标; - `ns-resize`:垂直调整大小光标; - `nesw-resize`:左上右下调整大小光标; - `nwse-resize`:左下右上调整大小光标; - `col-resize`:列调整大小光标; - `row-resize`:行调整大小光标; - `all-scroll`:全方向调整大小光标; - `zoom-in`:放大光标; - `zoom-out`:缩小光标。 示例: ``` button { cursor: pointer; } a { cursor: help; } input[type="text"] { cursor: text; } img { cursor: pointer; } div { cursor: url("example.png"), auto; } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

dogdev

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值