滑鼠樣式常見的如箭頭或小手形狀,除此之外,我們可以根據我們自身的要求,使用css中cursor屬性來變更滑鼠遊標的外觀。
推薦學習:《CSS教學》
#下面我們就介紹滑鼠遊標的不同樣式。
程式碼如下:
<!DOCTYPE> <html> <meta charset="utf-8"> <head> <title></title> </head> <body> <a href=# style=cursor:crosshair;>十字准线</a><hr> <a href=# style=cursor:text;> text </a><hr> <a href=# style=cursor:wait;>等待的形状</a><hr> <a href=# style=cursor:move;>移动的形状</a><hr> <a href=# style=cursor:help;>帮助的形状</a><hr> <a href=# style=cursor:default;>默认的形状</a><hr> <a href=# style=cursor:hand;>小手状</a> </body> </html>
上述程式碼,大家可以複製到本地進行測試,當滑鼠停留在每個超鏈上,就會顯示更改不同的遊標樣式。
十字線樣式:
文本編輯時樣式:
#等待樣式:
移動樣式:
幫助樣式:
預設箭頭樣式:
小手樣式:
cursor屬性規定要顯示的遊標的類型(形狀)。此屬性定義了滑鼠指標放在一個元素邊界範圍內時所使用的遊標形狀(不過 CSS2.1 沒有定義由哪個邊界決定這個範圍)。
這篇文章就是關於css滑鼠遊標樣式的簡單介紹,希望對需要的朋友有幫助!
以上是css怎麼換滑鼠樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!