CSS层叠样式表指针类型
如何使用层叠样式表来创建手型或者十字型指针?
我想有不同的指针，我该如何实现这一功能？
解释
属性
:
光标通过使用CSS层叠样式表"cursor"属性可设置任何类型的指针。
示例标记:
<div style="cursor: crosshair;"> 这是一个指针类型的游标 </div>
结果 这是一个指针类型的游标
CSS层叠样式表"cursor"属性可设置成如下表中的值
| 值 | 结果 |
| pointer | 手形指针 |
| crosshair | + 字指针 |
| move | 移动指针 |
| wait | 等待指针 |
| help | 求助指针 |
| text | 文字指针 |
| e-resize | 向东指针 |
| ne-resize | 向东北指针 |
| nw-resize | 向西北指针 |
| n-resize | 向北指针 |
| se-resize | 向东南指针 |
| sw-resize | 向西南指针 |
| s-resize | 向南指针 |
| w-resize | 向西指针 |
| default | 默认鼠标 |
| url | 鼠标指针 |
使用CSS层叠样式表用户可以把图片定义为指针。
代码是"
cursor: url('./images/cursor.gif');".
但是这种由定制的指针在一些版本的浏览器中不能使用。
示例标记:
<div style="cursor: crosshair;"> 这是一个指针类型的游标 </div>
结果