html应用样式p1,HTML光标样式osc_039ggp1i的个人空间OSCHINA中文开源技术交流社区...

把你的光标放到相应文字上鼠标显示效果

cursor:auto;

自动

cursor:zoom-in;

放大镜

cursor:zoom-out;

缩小镜

cursor:all-scroll;

上下左右任何方向滚动

cursor:crosshair;

十字准心

cursor:pointer;

手

cursor:wait;

等待

cursor:help;

帮助

cursor:no-drop;

无法释放

cursor:text;

文字/编辑

cursor:move;

可移动对象

cursor:vertical-text;

可编辑的垂直文本的光标

cursor:n-resize;

向上改变大小(North)

cursor:s-resize;

向下改变大小(South)

cursor:e-resize;

向右改变大小(East)

cursor:w-resize;

向左改变大小(West)

cursor:ne-resize;

向上右改变大小(North East)

cursor:nw-resize;

向上左改变大小(North West)

cursor:se-resize;

向下右改变大小(South East)

cursor:sw-resize;

向下左改变大小(South West)

cursor:col-resize;

可被水平改变尺寸

cursor:row-resize;

可被垂直改变尺寸

cursor:not-allowed;

禁止

cursor:progress;

处理中

cursor:default;

系统默认

cursor:url(&＃39;#&＃39;);#为光标文件地址

(注意文件格式必须为:.cur或.ani)

用户自定义(可用动画)

注意&＃xff1a;在定义完自定义的游标之后在末尾加上一般性的游标&＃xff0c;

以防那些url所定义的游标不能使用

说明&＃xff1a;

cursor 属性&＃xff1a;设置显示的光标的类型(形状)。

此属性的值可以是多个&＃xff0c;其间要用逗号分隔&＃xff1b;

假如第一个值无法找到而不能被显示&＃xff0c;则第二个值将被尝试使用&＃xff0c;依此类推&＃xff1b;

假如全部值都不可用的话&＃xff0c;则此属性不会发生作用&＃xff0c;光标也不会被改变。

比如&＃xff1a;{cursor:pointer,wait,help;}&＃xff0c;从pointer到wait&＃xff0c;再到help&＃xff0c;如果都没被应用&＃xff0c;则cursor属性不起任何作用。

现在举一个“手”光标的例子&＃xff0c;写法有两种&＃xff1a;

效果图&＃xff1a;

cursor:pointer;

手

第一种是行内样式&＃xff1a;(行内样式&＃xff1a;将CSS样式编写在标签之中)

第二种是内部样式&＃xff1a;(内部样式&＃xff1a;由

.pointer:hover{

cursor:pointer;

}