通過 CSS 光標屬性，您可以顯示十字線或加號、指針等。您可以嘗試運行以下代碼來在 CSS 中實現光標屬性 –
示例
<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>
登錄后復制
我們在上面添加了以下值 –
| 值 | 描述 |
|---|---|
| auto | 光標的形狀取決于它所處的上下文區域結束了。例如，文本上的“I”、鏈接上的“手”等。 |
| 十字線 | 十字線或加號 |
| 默認 | 箭頭 |
| 指針 | 一只指向的手（在 IE 4 中該值為手）。 |
| 移動 | “I”欄 |
| e-resize | 光標指示框的邊緣將向右（東）移動。 |
| ne-resize | 光標指示框的邊緣將向上和向右移動（北/東）。 |
| nw-resize | 光標指示框的邊緣將向上和向左移動（北/西）。 |
| n-resize | 光標指示框的邊緣要向上（向北）移動。 |
| se-resize | 光標指示框的邊緣向下和向右移動（南/東）。 |
| sw-resize | 光標指示框的邊緣向下和向左移動（南/西）。 |
| s-resize | 光標指示框的邊緣向下移動（向南） ). |
| w-resize | 光標指示框的邊緣向左（向西）移動). |
| 文本 | I 欄。 |
| 等待 | 一個沙漏。 |
| 幫助 | 問號或氣球，非常適合在幫助按鈕上使用。 |
| 光標圖像文件來源。 |
以上就是CSS 光標屬性示例的詳細內容，更多請關注www.92cms.cn其它相關文章！
