【CSS】style=“cursor: pointer；“鼠标由箭头形状改为手的形状

LouisMin23

已于 2022-12-12 10:24:17 修改

阅读量747

点赞数

分类专栏： Web前端文章标签： css

于 2022-08-31 18:01:06 首次发布

本文链接：https://blog.csdn.net/weixin_44768683/article/details/126628996

版权

Web前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文介绍了CSS中`cursor:pointer`和`cursor:hand`样式的作用，它们用于设置鼠标指针在元素上时的形状。当鼠标悬停在带有这些样式的元素上时，指针会变为手形，提供一种交互提示。`cursor:pointer`是CSS2的标准，而`cursor:hand`在早期的IE浏览器中使用，效果与`pointer`相同。

摘要由CSDN通过智能技术生成

代码示例：

 <img class="head-img" style="cursor: pointer;" src="../../../public/img/bg/img.png" />

style="cursor: pointer;"

是什么？css样式的一种。
有什么作用？作用是当鼠标移动到该图标(单元格)上时，鼠标会由箭头形状改为手的形状。

摘： cursor:hand 与 cursor:pointer 的效果是一样，都像手形光标。

	cursor:hand	cursor:pointer
IE	完全支持	IE5.0及之前版本不支持；IE6开始支持。
Firefox	不支持	支持

cursor:pointer ：是CSS2.0的标准。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

LouisMin23

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

如何变换鼠标样式

yehell的专栏

11-07

2750

Eg:.myMouse{cursor:hand}鼠标样式列表：把你的光标放到相应文字上查看效果要注意光标的实际效果依赖于用户的系统设置，与你在这里看到的效果并不一定一致。

CSS cursor鼠标样式大比拼，鼠标样式详细介绍

我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。

07-12

1073

除了可以使用上表中介绍的光标样式外，您也可以使用图像文件来自定义光标的样式，如下所示：您可以使用 url() 定义多个光标的样式文件，每个 url() 之间使用逗号分隔，上面示例中 custom.gif、custom.cur 就是自定义的光标文件。需要注意的是，在自定义光标样式时，要在最后定义一个上表中的通用光标样式，防止使用 url() 中定义的光标图像资源失效。提示：.cur 格式是光标文件的标准格式，您可以使用一些在线工具（例如）将 .jpg、.gif 等格式的图像文件转换为 .cur 格式。

参与评论您还未登录，请先登录后发表或查看评论

style=‘cursor:pointer‘

weixin_43862596的博客

05-10

3285

<tr> <th data-field="detailId" onmousemove="hand(this)">标识</th> </tr> js: function hand(tdObj){ tdObj.style.cursor = "pointer"; } style=“cursor:pointer” 是css的一种样式，作用是当鼠标移动到该单元格上时，鼠标会由箭头形状改为手的形状。 <td style="cur.

style=‘cursor:pointer‘ 鼠标的样式，为手的形状

ysfb_cc的博客

12-23

758

表示鼠标的样式，为手的形状。就是通常我们将鼠标放在链接上，鼠标变成的那种手指形状。 style=‘cursor:pointer’

style="cursor: pointer;"

stevenbill的博客

01-26

469

cursor:pointer 什么意思? 这是css里的吧意思就是鼠标指针变成手的形状，和放到链接上面的鼠标指针一样。

数据库天地

02-12

157

这是一种样式，作用是当鼠标移动到该单元格上时，鼠标会由箭头形状改为手的形状，造成链接的样式。

css鼠标样式cursor介绍(鼠标手型)

09-25

本文将详细介绍CSS中的cursor属性及其不同值的具体效果，并通过小例子来说明如何在实际网页中使用这些鼠标样式。首先，我们来理解cursor属性的基本语法。在HTML标签中，可以直接通过style属性为元素指定鼠标的样式...

CSS中cursor属性的鼠标样式明细

09-25

在CSS中，cursor属性用于定义鼠标悬停在元素上方时显示的光标样式。光标样式可以影响用户的交互体验，使网页的导航和操作更加直观和友好。以下详述了CSS中cursor属性所包含的一些常见鼠标样式，并解释了它们的用途。...

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

09-25

使用cursor: pointer或cursor: hand将元素上的鼠标指针设置为手形光标，这是一个常用的技巧，特别在Web设计中非常普遍。以下是一些CSS中cursor属性的常见取值及其含义： - auto：浏览器根据当前情况自动选择光标...

cursor：pointer

最新发布

06-12

Cursor: Pointer 是一个CSS伪类，它定义了鼠标悬停在一个元素上时，指针（鼠标光标）的外观。当你将`cursor: pointer;`应用于一个元素时，浏览器会显示一个通常表示可点击或交互的光标形状，如箭头、手形或I-beam...

style = “cursor:pointer“

weixin_46098619的博客

08-08

383

style = "cursor:pointer"鼠标移到小图标上变成小手。 style = “cursor：hand”不兼容，最好不要使用。

cursor: pointer；

great_sz的博客

06-07

7516

是css的一个属性，用于设置鼠标指针在元素上的样式为手型。

鼠标变手

liuganhaha的博客

12-21

367

style="cursor:pointer"

Css中cursor:pointer的作用(鼠标指针变小手)

Y2960018173的博客

12-14

2593

cursor : 网页浏览时用户鼠标指针的样式或图形形状。wait：光标指示程序正在忙（通常是一只表或者一个沙漏）cursor:pointer的作用（鼠标指向的样式）default：默认光标（默认是一个箭头）auto：默认，浏览器设置的光标。crosshair：光标为十字线。pointer：光标为一只手。move：光标为某对象可移动。text：光标指示文本。

请问<td style="cursor:pointer">标签是做什么用的？

evilcry2013的博客

10-07

1471

请问标签是做什么用的？网络互联网编程语言分享到：专业回答 o黄金客o 2015-08-23 18:11 css的一种样式，作用是当鼠标移动到该单元格上时，鼠标会由箭头形状改为手的形状。附：cursor属性十字准心 cursor: crosshair; 手 cursor: pointer; curso

style cursor 鼠标样式

程序员写的技术 FAQ 和杂文

02-28

3985

名称属性代码示例描述默认箭头样式 cursor:default 演示系统默认箭头样式手型 cursor: pointer 演示系统自带手型手型 cursor:hand 演示系统自带手型提示只有ie5支持这种手型也只支持这种移动十字箭头

html鼠标手状态,css鼠标样式cursor介绍(鼠标手型)

weixin_28741707的博客

05-31

1287

CSS鼠标样式语法如下：任意标签中插入 style="cursor:*"例子：文本或其它页面元素文本或其它页面元素注意把 * 换成如下15个效果的一种：下面是对这15种效果的解释。移动鼠标到解释上面，看看你的鼠标起了什么变化吧！hand是手型例子：CSS鼠标手型效果 CSS鼠标手型效果pointer也是手型，这里推荐使用这种，因为这可以在多种浏览器下使用。例子：CSS鼠标手型效果 CS...

html代码怎么image标签里加鼠标形状变成手掌样式,给html标签加上鼠标划过小手样式...

weixin_36084613的博客

06-04

2504

给html标签加上鼠标划过小手样式方法:给当前标签增加样式 style="cursor:pointer;" eg:增加返回箭头样式,给箭头增加小手 …在style中添加cursor:pointer 实现鼠标悬停变成小手样式先来一个示例给点击标签加上小手样式 - 琼台博客为了满足他们的永无止境的要求,我可谓是任劳任怨啊,累断了双手,看瞎了双眼.这个是来写鼠标划过一个按钮,然后弹出...

CSS 鼠标手指样式整理

qq_36663951的博客

08-12

2012

通过设置style属性来控制鼠标指针样式 style="cursor:*" href="#" style="cursor:pointer">CSS鼠标手型效果 href="#" style="cursor:crosshair">CSS鼠标十字型效果 href="#" style="cursor:help">CSS鼠标问号效果 text 是移动到文本上的那种效果wait