淘先锋技术网

首页 1 2 3 4 5 6 7

在 CSS 中,我们经常使用 cursor 属性来定义鼠标移动到元素上时应该显示何种形状的光标。

下面是常见的几种 cursor 属性值:

cursor: auto;  /* 默认值,继承父元素的cursor属性或者显示浏览器的默认光标 */
cursor: pointer;  /* 鼠标悬停在可点击的元素上时,光标变为手型 */
cursor: text;  /* 鼠标悬停在文本输入框中时,光标变为竖线,可以输入文本 */
cursor: not-allowed;  /* 禁止点击的元素上鼠标悬停时,光标变为一个圈加一条斜线 */
cursor: wait;  /* 表示需要等待,鼠标光标变成一个旋转的圈 */
cursor: help;  /* 表示需要帮助,鼠标光标变成一个问号 */

此外,还有其他一些 cursor 属性值可以使用,包括 crosshair、move、text、vertical-text、progress、cell、context-menu、alias 和 copy 等,每个值都对应着不同的光标形状。

使用 cursor 属性可以增强用户体验,帮助用户更好地理解页面元素的交互效果,使网页看起来更加美观和专业。