【笔记】鼠标悬浮CSS样式

发表于 更新于 阅读次数：

前言

鼠标悬浮CSS样式

正文

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
*:hover {
  /* 默认光标（箭头） */
  cursor: default;
  /* 浏览器自动设置的光标 */
  cursor: auto;
  /* 十字形 */
  cursor: default;
  /* 手形 */
  cursor: pointer;
  /* I形 */
  cursor: text;十字
  /* 沙漏形 */
  cursor: wait;
  /* 问号形 */
  cursor: help;
  
  /* 移动十字，方向：四周 */
  cursor: move;
  /* 移动十字，方向：北 */
  cursor: n-resize;
  /* 移动十字，方向：南 */
  cursor: s-resize;
  /* 移动十字，方向：西 */
  cursor: w-resize;
  /* 移动十字，方向：东 */
  cursor: e-resize;
  /* 移动十字，方向：东北 */
  cursor: ne-resize;
  /* 移动十字，方向：东南 */
  cursor: se-resize;
  /* 移动十字，方向：西北 */
  cursor: nw-resize;
  /* 移动十字，方向：西南 */
  cursor: sw-resize;
}

完成

参考文献

CSDN——巧克力很苦