CSS3鼠標變手有什么用處呢?在頁面設計中,我們經常需要將光標指向某個元素時,光標顯示為手型圖標,這時就需要用到CSS3中的鼠標變手效果。
/* 鼠標變手效果 */ cursor: pointer; cursor: hand;
上面的代碼可以將鼠標光標變為手型圖標。其中,cursor: pointer;
可以在IE6以上瀏覽器及Chrome、Safair、Firefox等支持CSS3的瀏覽器中生效;而cursor: hand;
只能在IE5.5及以下版本瀏覽器中生效。因此建議使用同時兼容兩個語法來實現鼠標變手效果。
CSS3鼠標變手效果不僅可以用于鏈接、按鈕等元素,也可以應用到一些特殊的地方,例如:一些需要拖動的元素、鼠標懸停在圖片上時顯示手型光標,等等。
總而言之,鼠標變手效果是提高頁面交互性的必須用法之一。掌握這一技巧,可以讓頁面更加美觀和易用。