微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css中鼠标四中师太

CSS中鼠标四中师太是指鼠标在网页上的四种展现状态:认状态、指针状态、移动状态和等待状态。

css中鼠标四中师太

认状态指的是当鼠标没有在网页的可交互元素上时的状态,一般来说是鼠标箭头的形状。

/* 认状态样式 */
body {
  cursor: default;
}

指针状态指的是当鼠标在网页的可交互元素上时的状态,一般来说是一个手形图标。

/* 指针状态样式 */
a:hover,button:hover {
  cursor: pointer;
}

移动状态指的是当鼠标在网页中拖动某个元素时的状态,一般来说是一个十字形图标。

/* 移动状态样式 */
img {
  cursor: move;
}

等待状态指的是当鼠标等待某个操作完成时的状态,一般来说是一个旋转的圆圈图标。

/* 等待状态样式 */
button:disabled {
  cursor: wait;
}

了解和运用这四种状态可以使用户体验更加友好,提高用户的操作体验。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。