通過 CSS 光標(biāo)屬性，您可以顯示十字線或加號、指針等。您可以嘗試運(yùn)行以下代碼來在 CSS 中實(shí)現(xiàn)光標(biāo)屬性 –
示例
<html>
<head>
</head>
<body>
<div style = "cursor:auto">Auto</div>
<div style = "cursor:crosshair">Crosshair</div>
<div style = "cursor:default">Default</div>
<div style = "cursor:pointer">Pointer</div>
<div style = "cursor:move">Move</div>
<div style = "cursor:e-resize">e-resize</div>
<div style = "cursor:ne-resize">ne-resize</div>
<div style = "cursor:nw-resize">nw-resize</div>
<div style = "cursor:n-resize">n-resize</div>
<div style = "cursor:se-resize">se-resize</div>
<div style = "cursor:sw-resize">sw-resize</div>
<div style = "cursor:s-resize">s-resize</div>
<div style = "cursor:w-resize">w-resize</div>
<div style = "cursor:text">text</div>
<div style = "cursor:wait">wait</div>
<div style = "cursor:help">help</div>
</body>
</html>
登錄后復(fù)制
我們在上面添加了以下值 –
| 值 | 描述 |
|---|---|
| auto | 光標(biāo)的形狀取決于它所處的上下文區(qū)域結(jié)束了。例如，文本上的“I”、鏈接上的“手”等。 |
| 十字線 | 十字線或加號 |
| 默認(rèn) | 箭頭 |
| 指針 | 一只指向的手（在 IE 4 中該值為手）。 |
| 移動(dòng) | “I”欄 |
| 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)). |
| 文本 | I 欄。 |
| 等待 | 一個(gè)沙漏。 |
| 幫助 | 問號或氣球，非常適合在幫助按鈕上使用。 |
| 光標(biāo)圖像文件來源。 |
以上就是CSS 光標(biāo)屬性示例的詳細(xì)內(nèi)容，更多請關(guān)注www.92cms.cn其它相關(guān)文章！
