温馨提示×

css的cursor属性如何用

小亿
122
2023-08-01 14:56:08
栏目: 编程语言

CSS的cursor属性用来设置鼠标指针在元素上的样式。

常用的取值有:

  1. auto:默认值,浏览器自动决定鼠标指针的样式。

  2. pointer:将鼠标指针设置为手型,表示链接。

  3. text:将鼠标指针设置为I型,表示可编辑的文本。

  4. move:将鼠标指针设置为十字形,表示可移动的元素。

  5. wait:将鼠标指针设置为沙漏形,表示等待。

  6. help:将鼠标指针设置为问号形,表示帮助。

  7. not-allowed:将鼠标指针设置为禁止符号,表示不允许操作。

  8. crosshair:将鼠标指针设置为十字线,表示精确选择。

示例代码:

/* 设置鼠标指针为手型 */
.element {
cursor: pointer;
}
/* 设置鼠标指针为等待样式 */
.element {
cursor: wait;
}

你可以根据需要选择适合的鼠标指针样式来提升用户体验。

0