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