學(xué)習(xí)啦>學(xué)習(xí)電腦>電腦硬件知識>鍵盤鼠標>

css鼠標樣式

時間: 迪豪910 分享

  css的鼠標樣式,多種多樣。讓學(xué)習(xí)啦小編帶你了解。

  css鼠標樣式

  style.cursor 的可選值(鼠標的各種樣式)

  crosshair;

  十字準心

  The cursor render as a crosshair

  游標表現(xiàn)為十字準線

  cursor: pointer;

  cursor: hand;

  寫兩個是為了照顧IE5,它只認hand。

  手

  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

  游標暗示當前所處位置為文字內(nèi)容

  cursor: move;

  可移動對象

  The cursor indicates something that should be moved

  游標暗示一些東西應(yīng)該被移動

  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)

  box邊緣可向右(東)邊移動

  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)

  游標暗示box的邊緣可向右上方移動(東北方向)

  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

  瀏覽器設(shè)置一個游標

  cursor:not-allowed;

  禁止

  cursor:not-allowed;

  cursor: progress;

  處理中

  cursor: progress;

  cursor: default;

  系統(tǒng)默認

  The default cursor (often an arrow)

  默認的游標狀態(tài)(通常為一個箭頭)

  cursor: url(' # ');

  # = 光標文件地址 (注意文件格式必須為:.cur 或 .ani)。

  用戶自定義(可用動畫)

  The url of a custom cursor to be used.

  自定義游標的url位置

  Note: Always define a generic cursor at the end of the list in case none of the url-defined cursors can be used

  注意:在定義完自定義的游標之后在末尾加上一般性的游標,以防那些url所定義的游標不能使用

1820520