用css 添加手状样式,鼠标移上去变小手(css加小手)

编辑：rootadmin

用css 添加手状样式,鼠标移上去变小手

推荐整理分享用css 添加手状样式,鼠标移上去变小手(css加小手)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:css加小手,手写css样式表,css加小手,css 手型鼠标,css样式手册,css显示手指,css手势样式,css 手型,内容如对您有帮助，希望把文章链接给更多的朋友！

实现这个效果一共有两种方式。

1.第一种方式：（先两个div）

<!DOCTYPE html><html><head><meta charset="utf-8"><title>第一个</title></head> <style> div{ cursor:pointer; }</style><body> <div href="#">11 </div> <div href="#">22 </div></body></html>

2.用a包裹

<!DOCTYPE html><html><head><meta charset="utf-8"><title>第一个</title></head><body><a href=""> <div href="#">11 </div> <div href="#">22 </div> </a></body></html>

除此之外cursor还有别的属性

auto ：标准光标 default ：标准箭头 pointer, hand ：手形光标 wait ：等待光标 text ：I形光标 vertical-text ：水平I形光标 no-drop ：不可拖动光标 not-allowed ：无效光标 help ：帮助光标 all-scroll ：三角方向标 move ：移动标 crosshair ：十字标 e-resize ：此光标指示矩形框的边缘可被向右（东）移动。 n-resize ：此光标指示矩形框的边缘可被向上（北）移动。 nw-resize ：此光标指示矩形框的边缘可被向上及向左移动（北/西）。 w-resize ：此光标指示矩形框的边缘可被向左移动（西） s-resize ：此光标指示矩形框的边缘可被向下移动（南） se-resize ：此光标指示矩形框的边缘可被向下及向右移动（南/东）。

sw-resize ：此光标指示矩形框的边缘可被向下及向左移动（南/西）

本文链接地址:https://www.jiuchutong.com/zhishi/299045.html 转载请保留说明！

上一篇：ChatGPT 的平替 Claude 使用指南(trainer 平替)

下一篇：Unity实战篇 | 使Unity打包的exe程序始终保持屏幕最前端【文末送书】(unity udim)