CSS中的cursor屬性定義了當鼠標懸停在一個元素上時,鼠標光標應該顯示的類型。
例如: p { cursor: pointer; }
在上面的例子中,光標的類型將被設置為“pointer”,這意味著它將在鼠標懸停在元素上時變為手型,表示該元素可用于交互,例如超鏈接。
除此之外,cursor屬性還可以設置其他類型的光標,例如文本、漢堡包、移動、禁止等:
body { cursor: text; } .button { cursor: pointer; } .drag { cursor: move; } .disabled { cursor: not-allowed; }
請注意,在設置cursor屬性時,如果你想指定一個基于圖片的光標,你需要提供一個URL來引用圖片:
img { cursor: url('custom-cursor.png'), auto; }
這里的“auto”表示如果圖片不能被加載,瀏覽器將回退到默認的光標設置。
最后,請記住,cursor屬性是一種視覺提示,當設置為指針或其他明顯可用于交互的光標類型時,它可以提高用戶交互體驗。然而,在某些情況下,它可能沒什么用,或者可能會使用戶因誤解而感到困惑,因此請謹慎使用!