CSS 光標(biāo)屬性

提問(wèn)人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-19

cursor屬性規(guī)定要顯示光標(biāo)的類型（形狀），它定義了鼠標(biāo)指針?lè)旁谝粋€(gè)元素邊界范圍內(nèi)時(shí)所用的光標(biāo)形狀。

cursor屬性的值可以是以下幾種：

?default：默認(rèn)光標(biāo)（通常是一個(gè)箭頭）。

?auto：默認(rèn)，瀏覽器設(shè)置的光標(biāo)。

?crosshair：光插呈現(xiàn)為十字線。

?pointer：光標(biāo)呈現(xiàn)為指示鏈接的指針（一只手）。

?move：光櫬指示某對(duì)象可被移動(dòng)。

?e-resize：光標(biāo)指示矩形框的邊緣可被向右（東）移動(dòng)。

?ne-resize：光標(biāo)指示矩形框的邊緣可被向上及向右移動(dòng)（北/東）。

?nw-resize：光標(biāo)指示矩形框的邊緣可被向上及向左移動(dòng)（北/西）。

?n-resize: 光標(biāo)指示矩形框的邊緣可被向上（北）移動(dòng)。

?se-resize：光標(biāo)指示矩形框的邊緣可被向下及向右移動(dòng)（南/東）。

?sw-resize：光標(biāo)指示矩形框的邊緣可被向下及向左移動(dòng)（南/西）。

?s-resize: 光標(biāo)指示矩形框的邊緣可被向下移動(dòng)（南）。

?w-resize：光標(biāo)指示矩形框的邊緣可被向左移動(dòng)（西）。

?text：光標(biāo)指示文本。

?wait：光標(biāo)指示程序正忙，通常是一只表或沙漏。

?help：光標(biāo)指示可用的幫助，通常是一個(gè)問(wèn)號(hào)或一個(gè)氣球。

下面將通過(guò)一個(gè)實(shí)例來(lái)講解cursor屬性。

【例】使用cursor屬性

代碼如下：

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

div{

width: 100px;

height: 100px;

background: #ccc;

cursor:pointer;

}

</style>

</head>

<body>

<p>鼠標(biāo)放入div會(huì)出現(xiàn)鏈接類的小手</p>

</body>

</html>

相關(guān)視頻回答

回復(fù)(0)