css 设置鼠标悬浮变手

CSS 设置鼠标悬浮变手，可以增加页面的交互性和美观性。一般情况下，我们对链接和按钮使用这种样式，以提醒用户这是可以被点击或者触发事件的元素。

a:hover {
  cursor: pointer;
}

上面这段 CSS 代码表示，在鼠标悬浮在 a 标签上时，将鼠标指针样式改为手型。

除了使用手型，我们还可以使用其他的指针样式来代表不同的意义，比如：

a:hover {
  cursor: pointer;     // 点击
  cursor: help;        // 帮助
  cursor: move;        // 移动
  cursor: text;        // 文本输入
  cursor: wait;        // 等待
  cursor: crosshair;   // 十字准星
  cursor: not-allowed; // 禁止
}

通过改变指针样式，可以更加清晰地向用户传达信息，让用户更容易理解页面的交互行为。同时，也可以为用户提供更好的视觉体验。