學(xué)習(xí)啦>學(xué)習(xí)電腦>電腦硬件知識(shí)>鍵盤(pán)鼠標(biāo)>

css鼠標(biāo)樣式

時(shí)間: 迪豪910 分享

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

  css鼠標(biāo)樣式

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

  crosshair;

  十字準(zhǔn)心

  The cursor render as a crosshair

  游標(biāo)表現(xiàn)為十字準(zhǔn)線(xiàn)

  cursor: pointer;

  cursor: hand;

  寫(xiě)兩個(gè)是為了照顧IE5,它只認(rèn)hand。

  手

  The cursor render as a pointer (a hand) that indicates a link

  游標(biāo)以暗示(手指)的形式來(lái)表明有一個(gè)連接

  cursor: wait;

  等待/沙漏

  The cursor indicates that the program is busy (often a watch or an hourglass)

  游標(biāo)暗示當(dāng)前程序正忙(一般為一塊表或是一個(gè)沙漏)

  cursor: help;

  幫助

  The cursor indicates that help is available (often a question mark or a balloon)

  游標(biāo)暗示當(dāng)前位置可得到幫助(一般為問(wèn)號(hào)或是氣球)

  cursor: no-drop;

  無(wú)法釋放

  cursor: no-drop;

  cursor: text;

  文字/編輯

  The cursor indicates text

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

  cursor: move;

  可移動(dòng)對(duì)象

  The cursor indicates something that should be moved

  游標(biāo)暗示一些東西應(yīng)該被移動(dòng)

  cursor: n-resize;

  向上改變大小(North)

  The cursor indicates that an edge of a box is to be moved up (north)

  邊緣可向上移動(dòng)(北)

  cursor: s-resize;

  向下改變大小(South)

  The cursor indicates that an edge of a box is to be moved down (south)

  邊緣可向下方移動(dòng)(南)

  cursor: e-resize;

  向右改變大小(East)

  The cursor indicates that an edge of a box is to be moved right (east)

  box邊緣可向右(東)邊移動(dòng)

  cursor: w-resize;

  向左改變大小(West)

  The cursor indicates that an edge of a box is to be moved left (west)

  邊緣可向左移動(dòng)(西)

  cursor: ne-resize;

  向上右改變大小(North East)

  The cursor indicates that an edge of a box is to be moved up and right (north/east)

  游標(biāo)暗示box的邊緣可向右上方移動(dòng)(東北方向)

  cursor: nw-resize;

  向上左改變大小(North West)

  The cursor indicates that an edge of a box is to be moved up and left (north/west)

  邊緣可向左上方移動(dòng)(西北)

  cursor: se-resize;

  向下右改變大小(South East)

  The cursor indicates that an edge of a box is to be moved down and right (south/east)

  邊緣可向右下方移動(dòng)(東南)

  cursor: sw-resize;

  向下左改變大小(South West)

  The cursor indicates that an edge of a box is to be moved down and left (south/west)

  邊緣可向左下方移動(dòng)(西南)

  cursor: auto;

  自動(dòng)

  The browser sets a cursor

  瀏覽器設(shè)置一個(gè)游標(biāo)

  cursor:not-allowed;

  禁止

  cursor:not-allowed;

  cursor: progress;

  處理中

  cursor: progress;

  cursor: default;

  系統(tǒng)默認(rèn)

  The default cursor (often an arrow)

  默認(rèn)的游標(biāo)狀態(tài)(通常為一個(gè)箭頭)

  cursor: url(' # ');

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

  用戶(hù)自定義(可用動(dòng)畫(huà))

  The url of a custom cursor to be used.

  自定義游標(biāo)的url位置

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

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

1820520