CSS3擁有許多令人驚嘆的特性,其中之一就是可以替換鼠標指針。換句話說,我們可以通過CSS3設置不同的指針樣式來豐富我們的網站。下面我們來看一些實例代碼。
/* 將鼠標指針設置為箭頭 */ body { cursor: default; } /* 將鼠標指針設置為手形 */ a { cursor: pointer; } /* 將鼠標指針設置為文本輸入光標 */ input[type="text"] { cursor: text; } /* 將鼠標指針設置為放大鏡 */ span { cursor: zoom-in; } /* 將鼠標指針設置為自定義圖像 */ img { cursor: url('your-image.png'), auto; }
CSS3替換鼠標指針是一種極好的方式,可以提高用戶體驗,也可以使網站更加獨特。但是要注意,并不是所有的瀏覽器都支持所有的指針樣式。因此,在使用時請確保測試兼容性。
上一篇html 日歷控件代碼