CSS 遊標屬性範例

WBOY轉載: 2023-09-10 14:53:021282瀏覽

CSS 光标属性示例

透過 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-resizen-resize遊標指示框的邊緣要向上（向北）移動。 se-resize遊標指示框的邊緣向下和向右移動（南/東）。 sw-resize遊標指示框的邊緣向下和向左移動（南/西）。 s-resize#遊標指示框的邊緣向下移動（向南） ).w-resize遊標指示框的邊緣向左（往西）移動).#文字I 欄位。等待#一個沙漏。幫助問號或氣球，非常適合在幫助按鈕上使用。 9bb6a7d109b3f2bf35f7e2e9bd87f98a#遊標圖片檔案來源。









遊標指示框的邊緣將會向上和向左移動（北/西）。

以上是CSS 遊標屬性範例的詳細內容。更多資訊請關注PHP中文網其他相關文章！

css auto 指针 tbody td

陳述：

本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除

上一篇：CSS3的新特色一覽：如何使用CSS3改變網頁佈局下一篇：CSS3的新特色一覽：如何使用CSS3改變網頁佈局

看更多