如何利用CSS改變鼠標(biāo)的樣式

利用cursor設(shè)置或檢索在對象上移動(dòng)的鼠標(biāo)指針采用何種系統(tǒng)預(yù)定義的光標(biāo)形狀：

創(chuàng)新互聯(lián)建站長期為超過千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為紫金企業(yè)提供專業(yè)的網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站制作，紫金網(wǎng)站改版等技術(shù)服務(wù)。擁有十載豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

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?}默認(rèn)正常鼠標(biāo)指針

2）div{cursor:hand}和div{cursor:text}文本選擇效果

3）div{cursor:move}移動(dòng)選擇效果

4）div{cursor:pointer}手指形狀鏈接選擇效果

5）div{?cursor:url(url圖片地址)}設(shè)置對象為圖

鼠標(biāo)經(jīng)過文字的時(shí)候顯示隱藏圖片的css樣式~

1.打開dw軟件并創(chuàng)建一個(gè)新文檔。

2.在dw中，編寫以下css樣式：style .mengsb {width：648px; margin：0px auto;}.jixing1 a {position：relative; width：320px; margin：0 0px 0 0; float：left; height：232px;}。

3.然后將以下圖像添加到正文中，代碼為：body div class =“mengsb”。

4.查看實(shí)時(shí)視圖中的最終效果。

5，另外，你可以改變一些參數(shù)來實(shí)現(xiàn)不同的效果，可以改變背景顏色。

6.最后，看看改變顏色的效果。

鼠標(biāo)手型，css怎樣使鼠標(biāo)移到div上顯示手型

css使鼠標(biāo)移到div上顯示手型主要通過cursor:pointer屬性實(shí)現(xiàn)，具體操作如下：

1、在html中添加一個(gè)div，指定div的寬，高，背景。

2、運(yùn)行html文件，將鼠標(biāo)放到div上默認(rèn)顯示的是箭頭形狀。

3、給div添加css屬性cursor:pointer。

4，運(yùn)行html以后將鼠標(biāo)放到div上會(huì)顯示手型。

分享標(biāo)題：css鼠標(biāo)樣式圖片,css鼠標(biāo)效果
轉(zhuǎn)載注明：http://chinadenli.net/article9/dsshdih.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、服務(wù)器托管、響應(yīng)式網(wǎng)站、建站公司、定制開發(fā)、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(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)