CSS光標(biāo)(cursor)屬性一覽表
把你的光標(biāo)放到相應(yīng)文字上查看效果 |
要注意光標(biāo)的實(shí)際效果依賴于用戶的系統(tǒng)設(shè)置,與你在這里看到的效果并不一定一致。 |
||
cursor: crosshair; |
|
十字準(zhǔn)心 |
The cursor render as a crosshair |
cursor: pointer; |
|
手 |
The cursor render as a pointer (a hand) that indicates a link |
cursor: wait; |
|
等待/沙漏 |
The cursor indicates that the program is busy (often a watch or an hourglass) |
cursor: help; |
|
幫助 |
The cursor indicates that help is available (often a question mark or a balloon) |
cursor: no-drop; |
|
無法釋放 |
cursor: no-drop; |
cursor: text; |
|
文字/編輯 |
The cursor indicates text |
cursor: move; |
|
可移動對象 |
The cursor indicates something that should be moved |
cursor: n-resize; |
向上改變大小(North) |
The cursor indicates that an edge of a box is to be moved up (north) |
|
cursor: s-resize; |
|
向下改變大小(South) |
The cursor indicates that an edge of a box is to be moved down (south) |
cursor: e-resize; |
|
向右改變大小(East) |
The cursor indicates that an edge of a box is to be moved right (east) |
cursor: w-resize; |
向左改變大小(West) |
The cursor indicates that an edge of a box is to be moved left (west) |
|
cursor: ne-resize; |
|
向上右改變大小(North East) |
The cursor indicates that an edge of a box is to be moved up and right (north/east) |
cursor: nw-resize; |
|
向上左改變大小(North West) |
The cursor indicates that an edge of a box is to be moved up and left (north/west) |
cursor: se-resize; |
|
向下右改變大小(South East) |
The cursor indicates that an edge of a box is to be moved down and right (south/east) |
cursor: sw-resize; |
|
向下左改變大小(South West) |
The cursor indicates that an edge of a box is to be moved down and left (south/west) |
cursor: auto; |
自動 |
The browser sets a cursor |
|
cursor:not-allowed; |
|
禁止 |
cursor:not-allowed; |
cursor: progress; |
|
處理中 |
cursor: progress; |
cursor: default; |
|
系統(tǒng)默認(rèn) |
The default cursor (often an arrow) |
cursor: url(' # '); |
|
用戶自定義(可用動畫) |
The url of a custom cursor to be used. Note: Always define a generic cursor at the end of the list in case none of the url-defined cursors can be used |