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樣式效果圖
cursor鼠標光標指針樣式圖
css cursor鼠標光標指針樣式圖
3倡勇、鼠標指針說明
cursor設置或檢索在對象上移動的鼠標指針采用何種系統(tǒng)預定義的光標形狀。
4嘉涌、布局結構
p { cursor: text; } /* css注釋: 設置鼠標移動到html p對象時鼠標變?yōu)槲谋具x擇樣式 /
a { cursor: pointer; } / css注釋: 設置鼠標移動到a超鏈接對象時鼠標變?yōu)槭种感螤睿ㄦ溄舆x擇) /
body { cursor: url("小圖片地址")} / 設置鼠標指針默認為一個小圖片 */