CSS 定義滑鼠的樣式

2021-08-30 09:21:18 字數 1276 閱讀 6859

css允許你控制網頁外觀和布局的各個方面——包括字型、頁邊空白和游標。不錯,從css 2.1開始,你就可以方便地控制使用者瀏覽網頁時使用的游標。

標準的css游標呈箭頭狀,一般來說,它都能滿足乙個網頁或**的需求,但有些時候你可能需要使用其它的游標。在這些情況下,css標準提供了眾多選項。

css游標型別

下表概括說明了css標準中的一些游標型別。

預設游標:使用標準的箭頭。

手狀游標:游標呈手形,食指伸出。

指標狀游標:與手狀游標相同。

十字線游標:使用十字游標(乙個加號)。

移動游標:使用十字游標,每條線末端是乙個箭頭。這和windows中移動視窗時使用的游標相同。

文字游標:使用i形游標(大寫字母i)。

等待游標:游標呈沙漏狀。

幫助游標:使用問號游標。

e-resize:標準將這個游標定義為乙個指向東方的箭頭,但在多數瀏覽器中,顯示的游標為一條兩端帶箭頭的水平線。

w-resize:標準將這個游標定義為乙個指向西方的箭頭,但在多數瀏覽器中,顯示的游標為一條兩端帶箭頭的水平線。

ne-resize:標準將這個游標定義為乙個指向東北方的箭頭,但在多數瀏覽器中,顯示的游標為一條兩端帶箭頭的對角線。

nw-resize:標準將這個游標定義為乙個指向西北方的箭頭,但在多數瀏覽器中,顯示的游標為一條兩端帶箭頭的對角線。

se-resize:標準將這個游標定義為乙個指向東南方的箭頭,但在多數瀏覽器中,顯示的游標為一條兩端帶箭頭的對角線。

s-resize:標準將這個游標定義為乙個指向南方或下方的箭頭,但在多數瀏覽器中,顯示的游標為一條兩端帶箭頭的垂直線。

sw-resize:標準將這個游標定義為乙個指向西南方的箭頭,但在多數瀏覽器中,顯示的游標為一條兩端帶箭頭的對角線。

n-resize:標準將這個游標定義為乙個指向北方或上方的箭頭,但在多數瀏覽器中,顯示的游標為一條兩端帶箭頭的垂直線。

進展游標:游標呈沙漏狀。

禁止游標:游標是乙個裡面帶對角線的圓。

不可拖動游標:游標呈手形,右邊帶禁止游標。

垂直文字游標:游標呈水平i形。

三角方向游標:游標為四個箭頭,中間使用乙個圓點。

顏色調整游標:兩條平行垂直線上畫一條水平箭頭,就像微軟excel中調整列大小的游標。

行調整游標:兩條平等水平線上畫一條垂直箭頭,就像微軟excel中調整行大小的游標。

url(uri):這種游標允許你使用作為rui提交的外部檔案中定義的定製游標。

eg: style="cursor: hand;"

滑鼠的樣式

一般而言,滑鼠以斜向上的箭頭顯示,移到文字上時變為有頭的豎線,移到超級鏈結上變為手型。但用css可控制滑鼠的顯示效果,如可使滑鼠移到普通文字上也顯示成手型。用css控制的語法如下 文字或其它頁面元素 把 換成如下15個效果的一種 hand crosshair text wait default he...

在網頁中如何定義滑鼠的樣式

style padding right 0px padding left 0px padding bottom 0px margin 0px width 400px padding top 0px height 25px src teachinfo.aspx?id 3989 frameborder ...

css滑鼠樣式 css滑鼠小手

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