CSS設定滑鼠指標形狀

admin發表於2018-08-06

本章節介紹一下使用css如何設定滑鼠的指標形狀。

通常在實際應用中,會根據不同的場景和需要設定滑鼠指標的形狀。

只要使用css的cursor屬性即可實現:

cursor屬性值列表如下:

(1).pointer:手型

(2).crosshair:十字型

(3).text:平時滑鼠移動到文字上的樣式

(4).wait:等待的效果

(5).default:預設的那種效果

(6).help:帶問號的滑鼠樣式

(7).e-resize:向右的箭頭

(8).ne-resize:向右上方的箭頭

(9).n-resize:向上的箭頭

(10).nw-resize:向左上方的箭頭

(11).w-resize:向左的箭關

(12).sw-resize:向左下的箭頭

(13).s-resize:向下的箭頭

(14).se-resize:向右下方的箭頭

(15).auto:系統自動的效果

但是可能在某些時候需要自定義滑鼠指標形狀,具體可以參閱css如何自定義滑鼠指標一章節。

相關文章