當前位置:編程學習大全網 - 行動軟體 - 鼠標手型,css怎樣使鼠標移到div上顯示手型

鼠標手型,css怎樣使鼠標移到div上顯示手型

顯示鼠標手型的樣式代碼:<html><body><p>請把鼠標移動到單詞上,可以看到鼠標指針發生變化:</p><div style="cursor:pointer">Pointer</div><br /></body></html>。

給div添加設置cursor:pointer屬性就可以了。cursor 屬性規定要顯示的光標的類型(形狀),該屬性定義了鼠標指針放在壹個元素邊界範圍內時所用的光標形狀,pointer就是手型樣式,設pointer鼠標光標就是手型形狀了。

代碼運行如下:

擴展資料

在DIV CSS布局時候,對象內鼠標指針光標進行控制,比如鼠標經過指針變為手指形狀等樣式,鼠標指針樣式cursor控制。系統默認鼠標指針樣式外,可以通過CSS設置圖片為鼠標指針,常見有些網站鼠標指針是各種各樣小圖片樣式,當然這個是通過css cursor設置鼠標樣式。

鼠標指針樣式控制設置是比較常用的,在DIV+CSS布局時候,希望鼠標指向某個局部DIV標簽對象時候,鼠標指針光標就變為手指狀態,這個時候對對象DIV設置cursor: pointer即可。

參考資料:

W3C官網-CSS cursor 屬性

  • 上一篇:保養很好的四十歲女人,哪些男人會喜歡?
  • 下一篇:2021明天開工怎麽發朋友圈說說,關於開工了文案短句大全
  • copyright 2024編程學習大全網