cursor:pointer,鼠標(biāo)劃過,鼠標(biāo)光標(biāo)呈現(xiàn)為指示鏈接的指針(一只手),一下是cursor的參數(shù)詳細:

創(chuàng)新互聯(lián)公司提供高防服務(wù)器租用、云服務(wù)器、香港服務(wù)器、服務(wù)器機柜租賃等
url 需使用的自定義光標(biāo)的 URL。
注釋:請在此列表的末端始終定義一種普通的光標(biāo),以防沒有由 URL 定義的可用光標(biāo)。
default 默認光標(biāo)(通常是一個箭頭)
auto 默認。瀏覽器設(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)指示可用的幫助(通常是一個問號或一個氣球)。
1)、div{ cursor:default }默認正常鼠標(biāo)指針
2)、div{ cursor:hand }和div{ cursor:text } 文本選擇效果
3)、div{ cursor:move } 移動選擇效果
4)、div{ cursor:pointer } 手指形狀 鏈接選擇效果
5)、div{ cursor:url(url圖片地址) }設(shè)置對象為圖片
2、cursor樣式效果圖css cursor鼠標(biāo)光標(biāo)指針樣式圖鼠標(biāo)指針說明
cursor設(shè)置或檢索在對象上移動的鼠標(biāo)指針采用何種系統(tǒng)預(yù)定義的光標(biāo)形狀。
4、布局結(jié)構(gòu)
p { cursor: text; } /* css注釋: 設(shè)置鼠標(biāo)移動到html p對象時鼠標(biāo)變?yōu)槲谋具x擇樣式 */
a { cursor: pointer; } /* css注釋: 設(shè)置鼠標(biāo)移動到a超鏈接對象時鼠標(biāo)變?yōu)槭种感螤睿ㄦ溄舆x擇) */
body { cursor: url("小圖片地址")} /* 設(shè)置鼠標(biāo)指針默認為一個小圖片 */
擴展閱讀:css a、css a link、a hover、css超鏈接樣式鼠標(biāo)指針樣式控制設(shè)置是比較常用的,
如日常我們在DIV+CSS布局時候,我們希望鼠標(biāo)指向某個局部span標(biāo)簽對象時候,鼠標(biāo)指針光標(biāo)就變?yōu)槭种笭顟B(tài),這個時候我們就對對象span設(shè)置cursor: pointer即可。以上我們圖例展示常用的鼠標(biāo)光標(biāo)形狀與css單詞,希望布局時候更加自身需要選擇設(shè)置鼠標(biāo)指針樣式。需要注意是,光標(biāo)切記勿濫用,也不要輕易設(shè)置自定義圖片為鼠標(biāo)樣式這樣會將網(wǎng)頁造成復(fù)雜與不符合用戶體驗感覺,切記光標(biāo)慎用。
css使鼠標(biāo)移到div上顯示手型主要通過cursor:pointer屬性實現(xiàn),具體操作如下:
1、在html中添加一個div,指定div的寬,高,背景。
2、運行html文件,將鼠標(biāo)放到div上默認顯示的是箭頭形狀。
3、給div添加css屬性cursor:pointer。
4,運行html以后將鼠標(biāo)放到div上會顯示手型。
利用cursor設(shè)置或檢索在對象上移動的鼠標(biāo)指針采用何種系統(tǒng)預(yù)定義的光標(biāo)形狀:
cursor屬性的屬性值分為
auto,crosshair,default,hand,move,help,wait,text,w-resize,s-resize,n-resize,e-resize,ne-resize,sw-resize,se-resize,nw-resize,pointer,url(url)
而我們最常用的cursor光標(biāo)有以下幾種
1)div{cursor:default?}默認正常鼠標(biāo)指針
2)div{cursor:hand}和div{cursor:text}文本選擇效果
3)div{cursor:move}移動選擇效果
4)div{cursor:pointer}手指形狀鏈接選擇效果
5)div{?cursor:url(url圖片地址)}設(shè)置對象為圖
任意標(biāo)簽中插入 style="cursor:hand"
多種形狀可供選擇
hand是手型
pointer也是手型,這里推薦使用這種,因為這可以在多種瀏覽器下使用。
crosshair是十字型
text是移動到文本上的那種效果
wait是等待的那種效果
default是默認效果
help是問號
e-resize是向右的箭頭
ne-resize是向右上的箭頭
n-resize是向上的箭頭
nw-resize是向左上的箭頭
w-resize是向左的箭頭
sw-resize是左下的箭頭
s-resize是向下的箭頭
se-resize是向右下的箭頭
auto是由系統(tǒng)自動給出效果
光標(biāo)樣式
CURSOR: hand,就是光標(biāo)變成一個小手的樣子,就好像鼠標(biāo)移動到一個網(wǎng)頁鏈接上的效果。
一般用在鏈接或者圖片上,或者div上
網(wǎng)頁名稱:css手指樣式,css小手樣式
文章地址:http://chinadenli.net/article7/dseojoj.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供、網(wǎng)站設(shè)計、微信公眾號、手機網(wǎng)站建設(shè)、定制網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)