本篇文章主要給大家介紹關於頁面中css自訂滑鼠樣式的相關知識總結。希望對有需要的朋友有所協助。
那麼下面給大家一段具體的程式碼範例:
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>css cursor樣式自訂</title></head><body><a href="#" style="cursor:pointer">css pointer 拖拽形狀效果</a><br/><br/><a href="#" style="cursor:auto">CSS滑鼠cursor樣式之由系統自動給出效果</a><br/><br/><a href="#" style="cursor:crosshair">CSS滑鼠cursor樣式之十字型效果</a><br/><br/> <a href="#" style="cursor:text">CSS滑鼠cursor樣式之I字形效果</a><br/><br/><a href="#" style="cursor:wait">CSS滑鼠cursor樣式之等待效果</a><br/><br/> <a href="#" style="cursor:default">CSS滑鼠cursor樣式之預設效果</a><br/><br/> <a href="#" style="cursor:ne-resize">CSS滑鼠cursor樣式之向右上箭頭效果</a><br/><br/><a href="#" style="cursor:s-resize">CSS滑鼠按下樣式效果</a><br/><br/><a href="#" style="cursor:w-resize">CSS滑鼠cursor樣式之向左箭頭效果</a><br/><br/><a href="#" style="cursor:e-resize">CSS滑鼠cursor樣式之向右的箭頭效果</a><br/><br/></body></html>
上述代碼可直接複製粘貼在本地測試,效果如:
那麼以上就是關於css滑鼠cursor樣式的不同效果介紹,希望對有需要的朋友有所協助。