css的cursor屬性如何用

小億
119
2023-08-01 14:56:08
欄目: 編程語言

CSS的cursor屬性用來設(shè)置鼠標(biāo)指針在元素上的樣式。

常用的取值有：

  1. auto：默認(rèn)值，瀏覽器自動(dòng)決定鼠標(biāo)指針的樣式。

  2. pointer：將鼠標(biāo)指針設(shè)置為手型，表示鏈接。

  3. text：將鼠標(biāo)指針設(shè)置為I型，表示可編輯的文本。

  4. move：將鼠標(biāo)指針設(shè)置為十字形，表示可移動(dòng)的元素。

  5. wait：將鼠標(biāo)指針設(shè)置為沙漏形，表示等待。

  6. help：將鼠標(biāo)指針設(shè)置為問號(hào)形，表示幫助。

  7. not-allowed：將鼠標(biāo)指針設(shè)置為禁止符號(hào)，表示不允許操作。

  8. crosshair：將鼠標(biāo)指針設(shè)置為十字線，表示精確選擇。

示例代碼：

/* 設(shè)置鼠標(biāo)指針為手型 */
.element {
cursor: pointer;
}
/* 設(shè)置鼠標(biāo)指針為等待樣式 */
.element {
cursor: wait;
}

你可以根據(jù)需要選擇適合的鼠標(biāo)指針樣式來提升用戶體驗(yàn)。

0 踩