鼠标放入变成小手（也可为其他图标）

最新推荐文章于 2024-02-02 13:59:47 发布

原创最新推荐文章于 2024-02-02 13:59:47 发布 · 468 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #css

本文介绍了HTML/CSS中常见的鼠标光标样式，如默认样式、可点击、等待、选择文本、帮助和移动等，强调它们在用户体验设计中的作用。

  .container {

    cursor: default;//默认的鼠标样式，通常是一个箭头。
    cursor: pointer;//小手样式，表示可点击的链接或按钮。
    cursor: wait;//表示等待，通常是一个旋转的圆圈或者沙漏。
    cursor: text;//表示可以选择文本的地方，通常是一个垂直的竖线。
    cursor: help;//表示需要帮助，通常是一个问号。
    cursor: move;//表示可以移动物体。
    cursor: not-allowed;//表示不允许操作，通常是一个圆圈和斜线。

  }