cursor
英 [?k?:s?(r)]? ?美 [?k?:rs?(r)]??
n.光標(biāo)
css cursor屬性 語(yǔ)法
作用:cursor 屬性規(guī)定要顯示的光標(biāo)的類(lèi)型(形狀)。該屬性定義了鼠標(biāo)指針?lè)旁谝粋€(gè)元素邊界范圍內(nèi)時(shí)所用的光標(biāo)形狀(不過(guò) CSS2.1 沒(méi)有定義由哪個(gè)邊界確定這個(gè)范圍)。
說(shuō)明:該屬性定義了鼠標(biāo)指針?lè)旁谝粋€(gè)元素邊界范圍內(nèi)時(shí)所用的光標(biāo)形狀(不過(guò) CSS2.1 沒(méi)有定義由哪個(gè)邊界確定這個(gè)范圍)。? ??
注釋?zhuān)?/strong>所有主流瀏覽器都支持 cursor 屬性。Opera 9.3 和 Safari 3 不支持?url?值。任何版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
css cursor屬性 示例
<html> <body> <p>請(qǐng)把鼠標(biāo)移動(dòng)到單詞上,可以看到鼠標(biāo)指針發(fā)生變化:</p> <span style="cursor:auto"> Auto</span><br /> <span style="cursor:crosshair"> Crosshair</span><br /> <span style="cursor:default"> Default</span><br /> <span style="cursor:pointer"> Pointer</span><br /> <span style="cursor:move"> Move</span><br /> <span style="cursor:e-resize"> e-resize</span><br /> <span style="cursor:ne-resize"> ne-resize</span><br /> <span style="cursor:nw-resize"> nw-resize</span><br /> <span style="cursor:n-resize"> n-resize</span><br /> <span style="cursor:se-resize"> se-resize</span><br /> <span style="cursor:sw-resize"> sw-resize</span><br /> <span style="cursor:s-resize"> s-resize</span><br /> <span style="cursor:w-resize"> w-resize</span><br /> <span style="cursor:text"> text</span><br /> <span style="cursor:wait"> wait</span><br /> <span style="cursor:help"> help</span> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線(xiàn)實(shí)例