如何用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è)客戶千余家，涉及國內(nèi)多個(gè)省份客戶。擁有多年網(wǎng)站建設(shè)開發(fā)經(jīng)驗(yàn)。為企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、創(chuàng)意設(shè)計(jì)、宣傳推廣等服務(wù)。 通過專業(yè)的設(shè)計(jì)、獨(dú)特的風(fēng)格，為不同客戶提供各種風(fēng)格的特色服務(wù)。

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

具體步驟：

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

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

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

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

五、保存html代碼后使用瀏覽器打開，當(dāng)鼠標(biāo)滑過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)址：

當(dāng)前文章：css中小手樣式,css點(diǎn)擊小手
地址分享：http://sd-ha.com/article14/dsecode.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、云服務(wù)器、網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、微信小程序、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)