改变网页中的鼠标图像:CSS光标属性一览表

\n

\n


\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
光标类型 CSS
把你的光标放到相应文字上查看效果要注意光标的实际效果依赖于用户的系统设置,与你在这里看到的效果并不一定一致。
十字准心cursor: crosshair;
cursor: pointer;
cursor: hand;

写两个是为了照顾IE5,它只认hand。
等待/沙漏cursor: wait;
帮助cursor: help;
无法释放cursor: no-drop;
文字/编辑cursor: text;
可移动对象cursor: move;

\n

向上改变大小(North) cursor: n-resize;
向下改变大小(South) cursor: s-resize;
向右改变大小(East) cursor: e-resize;
向左改变大小(West) cursor: w-resize;
向上右改变大小(North East) cursor: ne-resize;
向上左改变大小(North West) cursor: nw-resize;
向下右改变大小(South East) cursor: se-resize;
向下左改变大小(South West) cursor: sw-resize;
自动cursor: auto;
禁止cursor:not-allowed;
处理中cursor: progress;
系统默认cursor: default;
用户自定义(可用动画)cursor: url(’ # ’);
# = 光标文件地址 (注意文件格式必须为:.cur 或 .ani)。

\n

来源:网络

\n