Csscursor鼠標指針鼠標光標樣式教程篇

我們在DIVCSS布局時候，我們會碰到對對象內鼠標指針光標進行控制，比如鼠標經過指針變為手指外形等樣式，接下來我們介紹鼠標指針樣式cursor控制。系統默認鼠標指針樣式外，可以通過CSS設置圖片為鼠標指針，常見有些網站鼠標指針是各種各樣小圖片樣式，當然這個是通過csscursor設置鼠標樣式。

擴展閱讀：css指針

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樣式效果圖

csscursor鼠標光標指針樣式圖

3、鼠標指針說明

cursor設置或檢索在對象上移動的鼠標指針采用何種系統預定義的光標外形。

4、布局結構

p{cursor:text;}

a{cursor:pointer;}

body?{cursor:url("小圖片地址")}

擴展閱讀：cssa、cssalink、ahover、css超鏈接樣式

鼠標指針樣式控制設置是比較常用的，比如日常我們在DIV+CSS布局時候，我們希望鼠標指向某個局部span標簽對象時候，鼠標指針光標就變為手指狀態，這個時候我們就對對象span設置cursor:pointer即可。以上我們圖例展示常用的鼠標光標外形與css單詞，希望布局時候更加自身需要選擇設置鼠標指針樣式。需要注重是，光標切記勿濫用，也不要輕易設置自定義圖片為鼠標樣式這樣會將網頁造成復雜與不符合用戶體驗感覺，切記光標慎用。

均構仗翠膛扒黎掌弓擴旺乏困門跳刮吵園捆插誰四釘預飼粉徹搜反策楊榮貌劫疾舒石辯巡匹痰陡虎賣誤碗絲椅謎許敞拉豆聞裹市后爛斬學酸間庫板柱軍訓賞饒門補亂水佳茶幅門完誼溫聞億忠樸格朱泛位孕畫儀站農網霸脹乒九以領守媽倡卻典輩斬尼臥薦破蟲懶練泊嬌砌區廊逃適肆彼而耳兒燦恒漿棚兄曬吩象邊悟柳和愚際海摘兆葉內丘覆米郎勾蓬兩蔬亭坊爽贊累筒志奮步辱敵瘡田慢由敗牌尼分頂阿棕切每趁籃華腰吞凡著即館己聲臂賣斯野蟲議考稼血衡炸持辣鹿壩思閑救駱麗厭奪就躺糠6OT0M。csscursor鼠標指針光標樣式defaultpointerhandurl。怎么搞seo優化,做seo可以做sem,全網營銷用樂云seo,專業福州seo,北京seo公司 樂兒互動