首页 前端知识 CSS鼠标指针变成小手

CSS鼠标指针变成小手

2024-08-16 22:08:11 前端知识 前端哥 120 758 我要收藏

文章目录

  • 一、鼠标指针变小手
  • 二、cursor


一、鼠标指针变小手

有些时候根据UI设计,鼠标指针不能是常规的箭头或者竖线,而是要实现鼠标指向某些元素时,指针变成小手

<div style="cursor:pointer;">AAAA</div>

通过添加css样式cursor:pointer;,可以实现鼠标指针变为小手

二、cursor

css属性cursor:设置光标的类型,鼠标指针悬停在元素上时显示相应的样式。

cursor常用样式:
在这里插入图片描述

cursor样式

转载请注明出处或者链接地址:https://www.qianduange.cn//article/15830.html
评论
发布的文章

XML与JSON的使用

2024-08-23 21:08:27

npm i 常见问题

2024-08-23 20:08:23

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!