CSS中怎么自定義光標樣式

本篇文章為大家展示了CSS中怎么自定義光標樣式，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

專注于為中小企業(yè)提供成都網(wǎng)站制作、網(wǎng)站設(shè)計、外貿(mào)網(wǎng)站建設(shè)服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)雙灤免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了上1000家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。

css樣式

div
{
cursor:url('1.jpg'),pointer;
}

HTML

</body>

當鼠標放到div上，光標會變成你指定的圖案

*注意事項

要確保自定義的圖片足夠小，這里的是16*16

不同瀏覽器支持的圖片格式不一樣，請自行查找

cursor:url('1.jpg'),pointer;這里的1.jpg要和當前html文件在同級目錄，pointer是必要的，當自定義的圖片不能應(yīng)用時采用的備用方案，本次測試不寫是不對的。

上述內(nèi)容就是CSS中怎么自定義光標樣式，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

分享標題：CSS中怎么自定義光標樣式
分享鏈接：http://muchs.cn/article0/jpejio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、虛擬主機、手機網(wǎng)站建設(shè)、外貿(mào)建站、、云服務(wù)器

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

猜你還喜歡下面的內(nèi)容