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>
運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線(xiàn)實(shí)例