在我们进行网页的设计中,我们会经常的用到鼠标的各种形状,鼠标形状的改变主要是在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、文本选择形状鼠标
