Code前端首页关于Code前端联系我们

CSS鼠标变成小手效果

terry 2年前 (2023-09-07) 阅读数 205 #CSS
文章标签 CSS百科cursorpointer

有时候我们需要用CSS来设置CSS悬浮时的小手效果,告诉用户当前元素是可点击的。

实际上,这个CSS使用了cursor属性。实现代码如下:

cursor:pointer;//小手

其他效果

除了小手效果之外,光标属性还可以实现其他效果,大致分为以下几类:

  • 常规
  • 链接和状态
  • 选择
  • 拖动
  • 调整大小和滚动
  • 缩放

比如下图的属性和效果。

CSS鼠标变成小手效果 CSS鼠标变成小手效果 CSS鼠标变成小手效果

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门