CSS cursor屬性詳解

2021-08-21 10:33:10 字數 912 閱讀 3268

關於cursor屬性

該屬性定義了滑鼠指標放在乙個元素邊界範圍內時所用的游標形狀

屬性值

1、url:需要使用的自定義游標的url

2、default:預設游標,通常是乙個箭頭

3、auto:預設,瀏覽器設定的游標

4、crosshair:游標呈現為十字線

5、pointer:游標呈現為乙隻手

6、move:指示某物件可以移動

7、e-resize:指示矩形框的邊緣可被向右移動

8、ne-resize:指示矩形框的邊緣可被向上以及向右移動

9、nw-resize:指示矩形框的邊緣可被向上以及向左移動

10、n-resize:指示矩形框的邊緣可被向上移動

11、s-resize:指示矩形框發熱邊緣可被向下移動

12、se-resize:指示矩形框的邊緣可被向下以及向右移動

13、sw-resize:指示矩形框的邊緣可被向下以及向左移動

14、w-resize:指示矩形框的邊緣可被向左移動

15、text:游標指示文字

16、wait:指示程式正忙

17、help:指示可用的幫助

18、 not-allowed:禁止

19、 no-drop:無法釋放

注釋

屬性值pointer和hand的比較:

cursor:hand :ie完全支援。但是在firefox是不支援的,沒有效果。ie5以下只認這個。

cursor:pointer :是css2.0的標準。所以firefox是支援的,但是ie5.0既之前版本不支援。ie6開始支援。

所以為了相容各個主流瀏覽器,盡量使用cursor:pointer,而不要使用cursor:hand。

游標屬性CSS cursor 屬性

css cursor屬性,以前不知道,如果以後用到自己看的 請把滑鼠移動到單詞上,可以看到滑鼠指標發生變化 p autospan crosshairspan defaultspan pointerspan movespan e resizespan ne resizespan nw resizesp...

css cursor屬性整理

一 用法 mouse cursor二 屬性值 值描述 url需使用的自定義游標的 url。注釋 請在此列表的末端始終定義一種普通的游標,以防沒有由 url 定義的可用游標。default 預設游標 通常是乙個箭頭 auto 預設。瀏覽器設定的游標。crosshair 游標呈現為十字線。pointer...

游標型別 CSS cursor

游標型別 css 十字準心 cursor crosshair 手 cursor pointer cursor hand 寫兩個是為了照顧ie5,它只認hand。等待 沙漏 cursor wait 幫助 cursor help 無法釋放 cursor no drop 文字 編輯 cursor text...