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