1. 程式人生 > 其它 >網站滑鼠指標

網站滑鼠指標

1、cursor語法:
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游標說明

1)、div{ cursor:default }預設正常滑鼠指標
2)、div{ cursor:hand }和div{ cursor:text } 文字選擇效果
3)、div{ cursor:move } 移動選擇效果
4)、div{ cursor:pointer } 手指形狀 連結選擇效果
5)、div{ cursor:url(url圖片地址) }設定物件為圖片

2、cursor樣式效果圖

css cursor滑鼠游標指標樣式圖

3、滑鼠指標說明
cursor設定或檢索在物件上移動的滑鼠指標採用何種系統預定義的游標形狀。

4、佈局結構
p { cursor: text; } /* css註釋: 設定滑鼠移動到html p物件時滑鼠變為文字選擇樣式 /
a { cursor: pointer; } /
css註釋: 設定滑鼠移動到a超連結物件時滑鼠變為手指形狀(連結選擇) /
body { cursor: url("小圖片地址")} /
設定滑鼠指標預設為一個小圖片 */

  1. body{cursor:url(https://blog-static.cnblogs.com/files/blogs/712160/Arrow.ico
    ),auto;}