css鼠標(biāo)放上去把箭頭變成手一樣的樣式怎么寫

任意標(biāo)簽中插入 style="cursor:hand"

成都創(chuàng)新互聯(lián)專注于齊齊哈爾企業(yè)網(wǎng)站建設(shè),自適應(yīng)網(wǎng)站建設(shè),購物商城網(wǎng)站建設(shè)。齊齊哈爾網(wǎng)站建設(shè)公司,為齊齊哈爾等地區(qū)提供建站服務(wù)。全流程按需策劃，專業(yè)設(shè)計，全程項目跟蹤，成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

多種形狀可供選擇

hand是手型

pointer也是手型，這里推薦使用這種，因為這可以在多種瀏覽器下使用。

crosshair是十字型

text是移動到文本上的那種效果

wait是等待的那種效果

default是默認(rèn)效果

help是問號

e-resize是向右的箭頭

ne-resize是向右上的箭頭

n-resize是向上的箭頭

nw-resize是向左上的箭頭

w-resize是向左的箭頭

sw-resize是左下的箭頭

s-resize是向下的箭頭

se-resize是向右下的箭頭

auto是由系統(tǒng)自動給出效果

如何用CSS自定義鼠標(biāo)顯示的形狀

語法：

cursor : auto | all-scroll | col-resize | crosshair | default | hand | move | help | no-drop | not-allowed | pointer | progress | row-resize | text | vertical-text | wait | *-resize | url ( url )

取值：

auto :　 默認(rèn)值 。瀏覽器根據(jù)當(dāng)前情況自動確定鼠標(biāo)光標(biāo)類型。

all-scroll :　 IE6.0 有上下左右四個箭頭，中間有一個圓點的光標(biāo)。用于標(biāo)示頁面可以向上下左右任何方向滾動。

col-resize :　 IE6.0 有左右兩個箭頭，中間由豎線分隔開的光標(biāo)。用于標(biāo)示項目或標(biāo)題欄可以被水平改變尺寸。

crosshair :　 簡單的十字線光標(biāo)。

default :　 客戶端平臺的默認(rèn)光標(biāo)。通常是一個箭頭。

hand :　 豎起一只手指的手形光標(biāo)。就像通常用戶將光標(biāo)移到超鏈接上時那樣。

move :　 十字箭頭光標(biāo)。用于標(biāo)示對象可被移動。

help :　 帶有問號標(biāo)記的箭頭。用于標(biāo)示有幫助信息存在。

no-drop :　 IE6.0 帶有一個被斜線貫穿的圓圈的手形光標(biāo)。用于標(biāo)示被拖起的對象不允許在光標(biāo)的當(dāng)前位置被放下。

not-allowed :　 IE6.0 禁止標(biāo)記(一個被斜線貫穿的圓圈)光標(biāo)。用于標(biāo)示請求的操作不允許被執(zhí)行。

pointer :　 IE6.0 和 hand 一樣。豎起一只手指的手形光標(biāo)。就像通常用戶將光標(biāo)移到超鏈接上時那樣。

progress :　 IE6.0 帶有沙漏標(biāo)記的箭頭光標(biāo)。用于標(biāo)示一個進(jìn)程正在后臺運行。

row-resize :　 IE6.0 有上下兩個箭頭，中間由橫線分隔開的光標(biāo)。用于標(biāo)示項目或標(biāo)題欄可以被垂直改變尺寸。

text :　 用于標(biāo)示可編輯的水平文本的光標(biāo)。通常是大寫字母 I 的形狀。

vertical-text :　 IE6.0 用于標(biāo)示可編輯的垂直文本的光標(biāo)。通常是大寫字母 I 旋轉(zhuǎn)90度的形狀。

wait :　 用于標(biāo)示程序忙用戶需要等待的光標(biāo)。通常是沙漏或手表的形狀。

*-resize :　 用于標(biāo)示對象可被改變尺寸方向的箭頭光標(biāo)。w-resize | s-resize | n-resize | e-resize | ne-resize | sw-resize | se-resize | nw-resize

url ( url ) :　 IE6.0 用戶自定義光標(biāo)。使用絕對或相對 url 地址指定光標(biāo)文件(后綴為 .cur 或者 .ani )。

示例：

p { cursor: text; }

a { cursor: pointer; }

body { cursor: url("mycursor.gif"), url("images/cursors/footcursor.jpg"), default; }

css怎么改變鼠標(biāo)樣式

css的cursor屬性是設(shè)置鼠標(biāo)樣式的。

以下是鼠標(biāo)樣式的幾種表現(xiàn)方式以及解釋：

default 默認(rèn)光標(biāo)（通常是一個箭頭）

auto

默認(rèn)。瀏覽器設(shè)置的光標(biāo)

crosshair

光標(biāo)呈現(xiàn)為十字線。

pointer

光標(biāo)呈現(xiàn)為指示鏈接的指針（一只手）

move

此光標(biāo)指示某對象可被移動。

e-resize

此光標(biāo)指示矩形框的邊緣可被向右（東）移動。

ne-resize

此光標(biāo)指示矩形框的邊緣可被向上及向右移動（北/東）。

nw-resize

此光標(biāo)指示矩形框的邊緣可被向上及向左移動（北/西）。

n-resize

此光標(biāo)指示矩形框的邊緣可被向上（北）移動。

se-resize

此光標(biāo)指示矩形框的邊緣可被向下及向右移動（南/東）。

sw-resize

此光標(biāo)指示矩形框的邊緣可被向下及向左移動（南/西）。

s-resize

此光標(biāo)指示矩形框的邊緣可被向下移動（南）。

w-resize

此光標(biāo)指示矩形框的邊緣可被向左移動（西）。

text

此光標(biāo)指示文本。

wait

此光標(biāo)指示程序正忙（通常是一只表或沙漏）。

help

此光標(biāo)指示可用的幫助（通常是一個問號或一個氣球）。

還有一種就是 url ，需要你自定義一個鼠標(biāo)樣式