如何用CSS設(shè)置連接鼠標(biāo)在上面是變成手型

如何用CSS設(shè)置連接鼠標(biāo)在上面變成手型？

創(chuàng)新互聯(lián)從2013年成立，公司以成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、系統(tǒng)開發(fā)、網(wǎng)絡(luò)推廣、文化傳媒、企業(yè)宣傳、平面廣告設(shè)計(jì)等為主要業(yè)務(wù)，適用行業(yè)近百種。服務(wù)企業(yè)客戶千余家，涉及國(guó)內(nèi)多個(gè)省份客戶。擁有多年網(wǎng)站建設(shè)開發(fā)經(jīng)驗(yàn)。為企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、創(chuàng)意設(shè)計(jì)、宣傳推廣等服務(wù)。 通過(guò)專業(yè)的設(shè)計(jì)、獨(dú)特的風(fēng)格，為不同客戶提供各種風(fēng)格的特色服務(wù)。

用CSS設(shè)置連接鼠標(biāo)在上面變成手型的方法：只需要對(duì)需要設(shè)置鼠標(biāo)指針的文字加上一個(gè) cursor: pointer 即可實(shí)現(xiàn)。

具體步驟：

一、打開前端開發(fā)軟件，新建一個(gè)html代碼頁(yè)面。

二、在新建的html代碼頁(yè)面上找到body,在這個(gè)body標(biāo)簽里創(chuàng)建一個(gè)標(biāo)簽，a案例中使用的是a。

三、為新家a添加鼠標(biāo)指針為手指樣式。在html代碼頁(yè)面中找到tilte,在這個(gè)title后面創(chuàng)建一個(gè)style，然后在style中新建一個(gè)樣式類，最后為這個(gè)樣式類添加鼠標(biāo)指針樣式。

四、把鼠標(biāo)指針樣式添加到a標(biāo)簽上。

五、保存html代碼后使用瀏覽器打開，當(dāng)鼠標(biāo)滑過(guò)a上的文字后即可看到鼠標(biāo)變?yōu)榱酥羔槧顟B(tài)。

六、直接復(fù)制以下代碼到新建的html文件上，粘貼保存后使用瀏覽器打開即可看到效果。

css鼠標(biāo)變小手

① 屬于鼠標(biāo)形狀變化的CSS的cursor樣式；

② 最常用的是cursor：pointer；

如何用css設(shè)置鼠標(biāo)屬性的小手

你要的是這個(gè)小手？這個(gè)就用cursor : pointer;

還是要這個(gè)小手？這個(gè)就用cursor : -webkit-grab; cursor : -moz-grab; cursor : grab;

css中鼠標(biāo)在鏈接處變成的"小手"圖標(biāo)怎樣改成別的樣子?

head

title/title

style type="text/css"

!--

a {

cursor: help;

}

--

/style

/head

------------------------------------

其中的"help"可以換成以下內(nèi)容

hand 手形

crosshair 十字形

text 文本形

wait 沙漏形

move 十字箭頭形

help 問號(hào)形

e-resize 右箭頭形

n-resize 上箭頭形

nw-resize 左上箭頭形

w-resize 左箭頭形

s-resize 下箭頭形

se-resize 右下箭頭形

sw-resize 左下箭頭形

url('#') 用戶自定義（可用動(dòng)畫） # = 光標(biāo)文件地址(注意文件格式必須為：.cur 或 .ani)。

------------------------------------

CSS樣式的知識(shí)自己在網(wǎng)上查一下吧

洪恩在線的CSS教程網(wǎng)址：