CSS 光標(biāo)屬性

提問人：劉團圓發(fā)布時間：2020-11-19

cursor屬性規(guī)定要顯示光標(biāo)的類型（形狀），它定義了鼠標(biāo)指針放在一個元素邊界范圍內(nèi)時所用的光標(biāo)形狀。

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

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

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

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

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

?move：光櫬指示某對象可被移動。

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

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

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

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

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

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

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

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

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

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

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

下面將通過一個實例來講解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會出現(xiàn)鏈接類的小手</p>

</body>

</html>

相關(guān)視頻回答

回復(fù)(0)