鼠标样式 cursor 全总结

时间:2022-09-08 07:22:38

本文地址https://www.cnblogs.com/veinyin/p/10752805.html 

最常用的 key  pointer

 

cursor: key;  // 除了pointer, key 可取下面表格首列中的值

下面是方位  遵循上北下南 左西右东的原则,共八种

东(E) east  南(S) south  西(W) west  北(N) north

key 样式  
default 默认(一般是箭头)
auto 默认,用户设置的浏览器光标样式
crosshair 十字线
wait 等待(小沙漏或者转圈圈)
move 带箭头的十字,表示该对象可移动
e-resize 边缘可向右移动(首字母对应方位,下面七个相同)
ne-resize  
nw-resize  
n-resize  
se-resize  
sw-resize  
s-resize  
w-resize  
text 文本
help 帮助(小问号或者小气球)

具体使用方法

CSS

div {
cursor: pointer;
}

html

<body>
<div></div>
</body>

END~~~≥ω≤