滑鼠懸浮到按鈕變成手指的css怎麼寫

要使滑鼠懸浮在按鈕上時變成手指形狀（表示這是一個可點擊的區域），可以使用CSS的光標内容來實現。

CSS示例

css複製程式碼.button {    cursor: pointer；  /* 滑鼠懸浮時顯示手指形狀 */}

應用示例

HTML結構

html複製程式碼<；！ DOCTYPE html>& lt；html lang=' zh-CN& >；<； 頭部>； <； 元字元集=' UTF-8“& >；<； 元名稱=' 視口' 內容=' width=設備寬度，初始比例=1.0“& >；<； title>； Xiaohuang手機指南</ title>； <； 連結rel=' 樣式表' href=' 樣式.css”& >；</ 頭部>& <；身體>； <； 按鈕類=' 按鈕”& gt；點擊我</ 按鈕>& lt；/body>& lt；/html>；

CSS樣式

css複製程式碼/*styles.css*/.button{填充：10px 20px；字體大小：16px；背景顏色：#34db；顏色：白色；邊框：無；邊框半徑：5px；光標：指針；/*齊格瀏覽時顯示形狀*/transition：背景顏色0.3s；}。 button:hover{背景顏色：#2980b9；/*

說明

• 遊標：指針；：設定滑鼠懸浮在元素上時，光標變為手指形狀，表示該元素是可點擊的。

• .按鈕：懸停：使用偽類：懸停來設定滑鼠懸浮效果，這裡使背景色變暗，進一步增強了用戶的互動體驗。

效果

當滑鼠懸浮在按鈕上時，光標會變成手指形狀，同時按鈕的背景色會變暗，提示用戶該按鈕是可以點擊的。