css鼠标悬停指针样式

2024年1月31日发(作者：)

css鼠标悬停指针样式详解

在CSS中，可以使用`cursor`属性来定义鼠标悬停时的指针样式。这个属性可以接受多种不同的值，每个值代表一种不同的鼠标指针样式。以下是一些常见的`cursor`属性值及其对应的指针样式：

1. auto（默认）： 浏览器自动选择合适的指针样式。

```css

cursor: auto;

```

2. default： 默认指针，通常是一个箭头。

```css

cursor: default;

```

3. pointer： 表示链接的指针，通常是一个小手。

```css

cursor: pointer;

```

4. wait： 表示程序正在忙，通常是一个沙漏。

```css

cursor: wait;

```

5. text： 表示可以选择文本的指针，通常是一个垂直的I形光标。

```css

cursor: text;

```

6. move： 表示可移动的指针，通常是四个方向的箭头。

```css

cursor: move;

```

7. not-allowed： 表示不允许执行操作的指针，通常是一个圆圈中带有一条斜线。

```css

cursor: not-allowed;

```

8. crosshair： 十字线指针，通常用于绘图操作。

```css

cursor: crosshair;

```

9. e-resize、n-resize、s-resize、w-resize： 分别表示东、北、南、西方向的调整大小的指针。

```css

cursor: e-resize;

cursor: n-resize;

cursor: s-resize;

cursor: w-resize;

```

10. ne-resize、nw-resize、se-resize、sw-resize： 分别表示东北、西北、东南、西南方向的调整大小的指针。

```css

cursor: ne-resize;

cursor: nw-resize;

cursor: se-resize;

cursor: sw-resize;

```

这只是一小部分可能的`cursor`属性值，还有其他一些更特殊的指针样式。通过使用这些属性值，你可以根据你的网站或应用程序的需求定制鼠标悬停时的指针样式。