鼠标样式 cursor 全总结

本文地址：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~~~≥ω≤ 

posted @ 2019-04-22 20:35  yuhui_yin  阅读(662)  评论(0)  编辑  收藏  举报