在CSS中,cursor(光标)是用于指定光标在鼠标悬停在某个元素时的外观。 这个元素可以是链接、按钮、图像、表单元素等等。通过cursor属性,可以控制光标的外观。例子: a:hover { cur...
在CSS中,cursor(光标)是用于指定光标在鼠标悬停在某个元素时的外观。 这个元素可以是链接、按钮、图像、表单元素等等。通过cursor属性,可以控制光标的外观。
例子:
a:hover {
cursor: pointer;
}
在上面的例子中,我们定义当鼠标悬停在链接上时,光标的外观会变为手型,表示这是一个可点击的链接。
常用的一些cursor属性值:
默认光标:auto
手指光标:pointer
文本光标:text
调整大小光标:col-resize, row-resize
等待光标:wait
禁用光标:not-allowed
垂直箭头光标:s-resize, n-resize, e-resize, w-resize, se-resize, sw-resize, ne-resize, nw-resize
有了cursor属性,我们可以更加灵活地为页面元素定制外观,以提供更好的用户体验。