如何用CSS設置連接鼠標在上面是變成手型

如何用CSS設置連接鼠標在上面變成手型？

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

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

具體步驟：

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

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

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

四、把鼠標指針樣式添加到a標簽上。

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

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

css鼠標變小手

① 屬于鼠標形狀變化的CSS的cursor樣式；

② 最常用的是cursor：pointer；

如何用css設置鼠標屬性的小手

你要的是這個小手？這個就用cursor : pointer;

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

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

head

title/title

style type="text/css"

!--

a {

cursor: help;

}

--

/style

/head

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

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

hand 手形

crosshair 十字形

text 文本形

wait 沙漏形

move 十字箭頭形

help 問號形

e-resize 右箭頭形

n-resize 上箭頭形

nw-resize 左上箭頭形

w-resize 左箭頭形

s-resize 下箭頭形

se-resize 右下箭頭形

sw-resize 左下箭頭形

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

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

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

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

當前文章：css中小手樣式,css點擊小手
地址分享：http://chinadenli.net/article14/dsecode.html

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

廣告

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