在我們進行網頁的設計中,我們會經常的用到鼠標的各種形狀,鼠標形狀的改變主要是在css文件中實現的。我們可以在css中設置cursor的屬性值來實現不同的鼠標指針形狀,cursor的不同屬性值對應著相應的鼠標形狀,下面是我整理的一些鼠標形狀和cursor屬性值:
Cursor屬性 |
說明 |
hand |
手形指針 |
crosshair |
交叉十字形指針 |
text |
文本選擇符 |
wait |
沙漏形狀的等待指針 |
default |
默認形狀的指針 |
help |
帶問號形狀的指針 |
move |
移動的箭頭 |
e-resize |
向右的箭頭 |
ne-resize |
向右上的箭頭 |
n-resize |
向上的箭頭 |
nw-resize |
向左上的箭頭 |
w-resize |
向左的箭頭 |
sw-resize |
向左下的箭頭 |
s-resize |
向下的箭頭 |
se-resize |
向右下的箭頭 |
下面是我實驗的一些鼠標形狀,關于更多的鼠標形狀的使用,還請讀者自己去嘗試。
1、手形鼠標

2、十字架鼠標

3、帶有問號的鼠標

4、文本選擇形狀鼠標
