CSS Cursor Types
光標(biāo)類型 | CSS | |
---|---|---|
把你的光標(biāo)放到相應(yīng)文字上查看效果 | 要注意光標(biāo)的實(shí)際效果依賴于用戶的系統(tǒng)設(shè)置,與你在這里看到的效果并不一定一致。 | |
![]() |
十字準(zhǔn)心 | cursor: crosshair; |
![]() |
手 | cursor: pointer; 寫兩個是為了照顧IE5,它只認(rèn)hand。 |
![]() |
等待/沙漏 | cursor: wait; |
![]() |
幫助 | cursor: help; |
![]() |
無法釋放 | cursor: no-drop; |
![]() |
文字/編輯 | cursor: text; |
![]() |
可移動對象 | cursor: move; |
![]() |
向上改變大小(North) | cursor: n-resize; |
![]() |
向下改變大小(South) | cursor: s-resize; |
![]() |
向右改變大小(East) | cursor: e-resize; |
![]() |
向左改變大小(West) | cursor: w-resize; |
![]() |
向上右改變大小(North East) | cursor: ne-resize; |
![]() |
向上左改變大小(North West) | cursor: nw-resize; |
![]() |
向下右改變大小(South East) | cursor: se-resize; |
![]() |
向下左改變大小(South West) | cursor: sw-resize; |
![]() |
自動 | cursor: auto; |
![]() |
禁止 | cursor:not-allowed; |
![]() |
處理中 | cursor: progress; |
![]() |
系統(tǒng)默認(rèn) | cursor: default; |
![]() |
用戶自定義(可用動畫) | cursor: url(' # '); # = 光標(biāo)文件地址 (注意文件格式必須為:.cur 或 .ani)。 |