猜你喜歡
更多>在css中,可以通過cursor屬性設置鼠標樣式,語法格式為“cursor: value。cursor屬性用于指定要顯示的光標的類型(形狀),并且可以設置當鼠標指針放置在元素的邊界范圍內(nèi)時所使用的光標形狀。
本文的運行環(huán)境:Windows7系統(tǒng),HTML5CSS3版本3,DELL G3電腦
有時我們不想添加文字、圖片和鏈接,但我們想在鏈接時添加鼠標樣式。這使用css中的光標來設置鼠標指針的形狀。
【資料圖】
cursor屬性指定要顯示的光標的類型(形狀)。此屬性定義當鼠標指針放在元素邊界內(nèi)時使用的光標形狀。
以下是鼠標指針的光標屬性的一些屬性值:
示例:
!聲明文檔類型
超文本標記語言
頭
meta charset="utf-8 "
標題/頭銜
/head
身體
請將鼠標移到單詞:/p上
span style=" cursor : auto " auto/span br
span style=" cursor :十字線"十字線/spanbr
span style="cursor:default "默認值/spanbr
span style=" cursor : e-resize " e-resize/span br
span style="cursor:help "幫助/spanbr
span style="cursor:move "移動/spanbr
span style=" cursor :n-resize " n-resize/span br
span style=" cursor : ne-resize " ne-resize/span br
span style=" cursor : NW-resize " NW-resize/span br
span style="cursor:pointer "指針/spanbr
span style="cursor:progress "進度/spanbr
span style=" cursor :s-resize " s-resize/span br
span style=" cursor : se-resize " se-resize/span br
span style=" cursor : SW-resize " SW-resize/span br
span style=" cursor : text " text/span br
span style=" cursor : w-resize " w-resize/span br
span style="cursor:wait "等待/spanbr
/body
/html那么鼠標就成了我們需要的。
描述:
還有一種用法,其原理是:使用CSS2的一個cursor屬性,cursor:url (url),鼠標文件可以使用jpg、gif、ani和cur文件格式。注意這個方法只能在IE5.5以上的瀏覽器中正常顯示。
推薦:《css視頻教程》以上是css如何改變鼠標樣式的細節(jié)。請多關注php中文網(wǎng)站的其他相關文章!
來源:php中文網(wǎng)站
標簽: