位置: IT常识 - 正文

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

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

推荐整理分享用css 添加手状样式,鼠标移上去变小手(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)

  • 怎样利用爱奇艺外链进行营销引流(怎样利用爱奇艺赚钱)

  • 红米g2021电池多大(红米电池容量多少)

  • T3出行怎么添加坐车人联系电话(t3出行怎么添加行程)

  • 华为手机没有声音是什么原因(华为手机没有声音显示耳机模式怎么办)

  • 苹果11的隔空投送在哪里(苹果11的隔空投送怎么用)

  • wps文档被锁定只读怎么办(wps文档被锁定只读模式怎么解除)

  • ipad蓝牙搜不到罗技键盘(ipad蓝牙搜不到红米buds4)

  • 微信可以传文件夹吗(微信可以传文件给其他人吗)

  • 喷墨打印机加墨后为何打印不出来(喷墨打印机加墨后还是显示没墨)

  • 为什么ipad微信漏收消息(为什么ipad微信自动退出登录)

  • 开通快手直播带货需要什么条件(开通快手直播带货需要交保证金吗)

  • 钉钉分屏老师能看见吗(钉钉分屏老师能发现吗)

  • 笔记本电脑要网线吗(笔记本电脑要网线接口吗)

  • 华为怎么隐藏软件(华为怎么隐藏软件应用)

  • 6.39比5.5英寸大多少(6.5英寸比5.5英寸大多少)

  • 在appstore下载不了软件(appstore下载不起软件)

  • 腾讯举报中心怎么查看(腾讯举报中心怎么看图片)

  • oppor15处理器是八核的吗(oppor15处理器是啥)

  • excel怎么看打印预览(excel怎么看打印页数)

  • win11怎么显示回收站? windows11显示桌面回收站图标的技巧(windows11怎么回到桌面)

  • Android 10.0 framework中关于Activitity的生命周期的源码讲解

  • [深度学习] fast-reid入门教程

  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设 电脑维修 湖南楚通运网络