首页 前端知识 css鼠标触碰,变成小手图标

css鼠标触碰,变成小手图标

2024-06-01 10:06:20 前端知识 前端哥 562 986 我要收藏

核心代码

cursor: pointer;

整体代码演示

<style>
    div {
      width: 200px;
      height: 100px;
      background-color: skyblue;
      cursor: pointer;
    }
</style>

<body>
  <div>鼠标触碰,图标改变</div>
</body>

补充(常用)

cursor: default;          //默认
cursor: pointer;          //小手图标
cursor: crosshair;        //十字型
cursor: text;             //文本输入
cursor: wait;             //小圆圈,等待中
转载请注明出处或者链接地址:https://www.qianduange.cn//article/10435.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!