html/css 改变鼠标指针为手形、等待/沙漏等

在我们进行设计html前端的时候，会经常遇到页面上出现不同区域鼠标的形状，这里可以使用css进行书写。
更多书写可以参见：w3c

<!DOCTYPE html>
<html>
<head><title></title>
</head>
<body><div style="height: 100px;width:300px;border:1px solid #ccc;cursor:pointer;">进入本区域鼠标箭头变为：手形</div><br><div style="height: 100px;width:300px;border:1px solid #ccc;cursor:wait">进入本区域鼠标箭头变为：等待/沙漏</div><br><div style="height: 100px;width:300px;border:1px solid #ccc;cursor:help">进入本区域鼠标箭头变为：帮助</div><br><div style="height: 100px;width:300px;border:1px solid #ccc;cursor:crosshair">进入本区域鼠标箭头变为：十字准星</div><br><div style="height: 100px;width:300px;border:1px solid #ccc;cursor:not-allowed">进入本区域鼠标箭头变为：不允许</div></body>
</html>

演示效果：

html/css 改变鼠标指针为手形、等待/沙漏等相关推荐

CSS/HTML改变鼠标指针形状方法属性说明
改变鼠标指针形状的方法有两种:第一种:用的来改变鼠标指针形状.另一种是:利用第三方控件的方法,而我自己最常用的是第一种:用css样式表来改变鼠标指针形状我们先来看第一种:用来改变鼠标指针形状. 有些 ...
CSS/HTML 改变鼠标指针形状
https://www.cnblogs.com/hanqishihu/p/5805566.html CSS/HTML 改变鼠标指针形状改变鼠标指针形状的方法有两种:第一种:用的来改变鼠标指针形状.另 ...
改变鼠标指针形状两种方法及实例
改变鼠标指针形状的方法有两种:一种:用css样式表来改变鼠标指针形状.另一种是:利用第三方控件的方法,而我自己最常用的是第一种:用css样式表来改变鼠标指针形状我们先来看第一种:用css样式表来改变 ...
JavaScript中改变鼠标指针样式的方法
JavaScript中改变鼠标指针样式的方法在js中我们可以通过style对象的cursor属性来设置鼠标指针的样式,例 var body = document.querySelector(&quo ...
css cursor 鼠标指针样式总结
今天在修改页面细节时,对某些地方的鼠标指针的样式不满意,于是就趁机回顾了一下 css cursor 属性. css cursor 属性值总结: 使用示例: body {cursor: auto; } ...
css常用鼠标指针形状代码
默认 default 文字/编辑 text 自动 auto 手形 pointer, hand(hand是IE专有) 可移动对象 move 不允许 not-allowed 无法释放 no-drop 等待 ...
CSS改变鼠标样式（图片）
如果你想让你的网站看起来更酷炫,可以改变鼠标样式,用你喜欢的图片来代替. 下面就来介绍下步骤方法: 首页把鼠标图标格式转换成.ico格式,大小为32*32 转换格式网址为:https://www.ea ...
css设置鼠标指针光标样式
1).div{ cursor:default }默认正常鼠标指针 2).div{ cursor:hand }和div{ cursor:text } 文本选择效果 3).div{ cursor:move ...
css更改鼠标指针样式，几种鼠标点击效果
原文链接 : https://blog.csdn.net/qq_42038623/article/details/104875481 更改鼠标指针样式 1. 鼠标指针的不同样式平常,我们在浏览界面时 ...

html/css 改变鼠标指针为手形、等待/沙漏等

html/css 改变鼠标指针为手形、等待/沙漏等相关推荐

最新文章

热门文章