cursor怎麼用？ CSS中cursor屬性的使用方法以及可選值的解析

在頁面佈局時，CSS是工作中必不可少的部分，常聽別人講：HTML是一個人素顏的樣子，加了CSS後是一個人化妝以後的樣子。這句話通俗易懂，很好的詮釋了CSS與HTML之間的關係。 CSS中的屬性非常多，今天就著重講一個屬性，也就是CSS cursor屬性，以及它的許多可選值，例如：cursor 手型 是用的 cursor:pointer 這個屬性。

cursor怎麼用？

一、CSS cursor 基本語法

cursor屬性是什麼：指標指標放在一個元素邊界範圍內時所呈現的遊標形狀，它包括問號，小手等形狀。
使用時可以在任何你想要新增的標籤裡，插入style="cursor : 某屬性值" ，也可以在CSS樣式中加入。

例如：68d12f98743700eaf58b60240b5a03c5pointer，小手形94b3e26ee717c64999d7867364b1b4a3  ， bb618d9f377907859c4313a877432bf6help，幫助形狀5db79b134e9f6b82c0b36e0489ee08ed 。

cursor的屬性值有十幾種可選值，在工作中根據需要選擇合適的值即可。

 二、CSS cursor 屬性值

1、最常用的cursor：pointer，遊標呈現小手形。

<p style="cursor:pointer">pointer</p>

2、cursor:help，問號遊標

<p style="cursor:help;">pointer</p>

3、cursor:crosshair，十字架遊標

<p style="cursor:crosshair;">pointer</p>

就詳細介紹常用的這幾個，其他的屬性值都是一樣的寫法，只要改一改屬性值就行，具體有哪些值，他們都代表什麼意思，請看下面。

default ：預設遊標，通常是一個箭頭
auto ：默認，瀏覽器設定的遊標
crosshair ：遊標表示十字線
pointer ：遊標表示指示連結的指針（一隻手）
move： 遊標表示物件可被移動
e-resize： 遊標表示矩形框的邊緣可被向右移動
ne-resize：遊標表示矩形框的邊緣可被向上及向右移動
nw-resize：遊標表示矩形框的邊緣可向上及向左移動
n-resize： 遊標表示矩形框的邊緣可向上移動
se-resize：遊標表示矩形框的邊緣可向下及向右移動
sw-resize：遊標表示矩形框的邊緣可向下及向左移動
s-resize： 遊標表示矩形框的邊緣可向下移動
w-resize：遊標表示矩形框的邊緣可被向左移動
text ：遊標表示文字
wait ：遊標表示程式正忙（通常是表或沙漏）
help： 遊標表示幫助（通常是一個問號）

以上主要介紹了CSS中cursor屬性的用法，以及不同屬性值代表的意思，初學者可以在編輯器中試試不同的值，看看有什麼樣的效果，希望可以幫助你。

以上是cursor怎麼用？ CSS中cursor屬性的使用方法以及可選值的解析的詳細內容。更多資訊請關注PHP中文網其他相關文章！