推薦學習:《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鼠標光標樣式的簡單介紹,希望對需要的朋友有所幫助!
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com