css怎么改变鼠标

段落一： CSS 提供了可以改变鼠标样式的属性，使用起来非常简单。下面我们将重点介绍下表格所列举的属性： 1. cursor cursor 属性用于改变鼠标在元素上的样式，可以设置为 default、pointer、move、n-resize、s-resize、e-resize、w-resize、ne-resize、nw-resize、se-resize、sw-resize、text、wait、help、progress、auto 等。其中，auto 表示由浏览器自动决定，通常鼠标样式会根据元素的不同状态自动改变。

  h4 { 
    cursor: pointer;
  }
  p {
    cursor: wait;
  }

段落二： 2. :hover :hover 伪类选择器可以在鼠标移动到元素上时改变元素的样式。结合 cursor 属性使用，可以在相应的元素上添加鼠标悬停后的视觉提示。

  h4:hover {
    color: red;
    cursor: pointer;
  }

段落三： 3. :active :active 伪类选择器可以在鼠标点击按下元素的瞬间改变元素的样式。可以设置不同的样式和鼠标样式，从而提升用户交互体验。

  h4:active {
    color: #3498db;
    cursor: move;
  }

段落四： 4. cursor 自定义图片 如果你不想使用默认的鼠标样式，你可以自定义一个图片作为鼠标样式，并使用 url() 函数来设置。

   h4 {
    cursor: url('custom-cursor.png'), auto;
   }