CSS 滑鼠樣式大全

2022-03-16 09:35:04 字數 1192 閱讀 3037

cursor是css中用於定義滑鼠在元素標籤上的顯示樣式,如常用的手型滑鼠樣式 cursor: pointer; 也可以通過url**指定副檔名一般為.cur的滑鼠檔案。

名稱屬性**

描述預設箭頭樣式

cursor:default

系統預設 箭頭樣式

手型cursor: pointer

系統自帶 手型

手型cursor:hand

系統自帶 手型    提示 只有ie5支援這種手型也只支援這種

移動十字箭頭

cursor: move

系統自帶 移動十字箭頭

幫助問號

cursor: help

系統自帶 幫助問號

十字準心

cursor:crosshair

系統自帶 十字準心

文字/編輯

cursor: text

系統自帶 編輯或者框選文字時 豎線型

無法釋放(禁用)

cursor:no-drop

系統自帶 當不可編輯時禁用型

禁用cursor:not-allowed

系統自帶 當不可編輯時禁用型

自動cursor:auto

就是由系統根據當前元素自動設定

處理中cursor: progress

win7為乙個圓環,xp為乙個沙漏,等待處理中樣式

向上改變大小

cursor: n-resize

系統自帶

向下改變大小

cursor: s-resize

系統自帶

向左改變大小

cursor: w-resize

系統自帶

向右改變大小

cursor: e-resize

系統自帶

向上左改變大小

cursor: nw-resize

系統自帶

向下左改變大小

cursor: sw-resize

系統自帶

向上右改變大小

cursor: ne-resize

系統自帶

向下右改變大小

cursor: se-resize

系統自帶

cursor:url(滑鼠檔案**)cur格式或者ani格式,通過指定圖示檔案** 來自定義滑鼠樣式

urlcursor:url(**)

指定**

css滑鼠樣式 css滑鼠小手

青嵐影視 www.qldyy.net 例子 css滑鼠手型效果 css滑鼠手型效果 例子 css滑鼠手型效果 css滑鼠手型效果 例子 css滑鼠十字型 效果 css滑鼠十字型 效果 help是問號 例子 css滑鼠問號效果 css滑鼠問號效果 下面寫法都一樣,這裡就不一一寫完了。e resize是...

css滑鼠樣式

用css控制滑鼠樣式的語法如下 文字或其它頁面元素 把 換成如下15個效果的一種 下面是對這15種效果的解釋。移動滑鼠到解釋上面,看看你的滑鼠起了什麼變化吧!hand是手型 pointer也是手型,這裡推薦使用這種,因為這可以在多種瀏覽器下使用。crosshair是十字型 text是移動到文字上的那...

CSS滑鼠樣式

css滑鼠樣式語法如下 任意標籤中插入 style cursor 例子 文字或其它頁面元素 文字或其它頁面元素 注意把 換成如下15個效果的一種 下面是對這15種效果的解釋。移動滑鼠到解釋上面,看看你的滑鼠起了什麼變化吧!hand是手型 例子 css滑鼠手型效果 css滑鼠手型效果 pointer也...