html实现游戏鼠标样式,html页面中的各种鼠标样式

CSS cursor 属性示例

p#auto

{

cursor: auto;

}

p#crosshair

{

cursor: crosshair;

}

p#default

{

cursor: default;

}

p#pointer

{

cursor: pointer;

}

p#move

{

cursor: move;

}

p#e-resize

{

cursor: e-resize;

}

p#ne-resize

{

cursor: ne-resize;

}

p#nw-resize

{

cursor: nw-resize;

}

p#n-resize

{

cursor: n-resize;

}

p#se-resize

{

cursor: se-resize;

}

p#sw-resize

{

cursor: sw-resize;

}

p#s-resize

{

cursor: s-resize;

}

p#w-resize

{

cursor: w-resize;

}

p#text

{

cursor: text;

}

p#wait

{

cursor: wait;

}

p#help

{

cursor: help;

}

p#progress

{

cursor: progress;

}

p

{

border: 1px solid black;

background: lightblue;

}

-->

{

cursor: auto;

}

p#crosshair

{

cursor: crosshair;

}

p#default

{

cursor: default;

}

p#pointer

{

cursor: pointer;

}

p#move

{

cursor: move;

}

p#e-resize

{

cursor: e-resize;

}

p#ne-resize

{

cursor: ne-resize;

}

p#nw-resize

{

cursor: nw-resize;

}

p#n-resize

{

cursor: n-resize;

}

p#se-resize

{

cursor: se-resize;

}

p#sw-resize

{

cursor: sw-resize;

}

p#s-resize

{

cursor: s-resize;

}

p#w-resize

{

cursor: w-resize;

}

p#text

{

cursor: text;

}

p#wait

{

cursor: wait;

}

p#help

{

cursor: help;

}

p#progress

{

cursor: progress;

}

p

{

border: 1px solid black;

background: lightblue;

}

梦之都 XHTML 教程,auto正常鼠标

梦之都 CSS 教程,crosshair十字鼠标

梦之都 XHTML 教程,default默认鼠标

梦之都 CSS 教程,pointer鼠标

梦之都 XHTML 教程,move移动鼠标

梦之都 CSS 教程,e-resize鼠标

梦之都 XHTML 教程,ne-resize鼠标

梦之都 CSS 教程,nw-resize鼠标

梦之都 XHTML 教程,n-resize鼠标

梦之都 CSS 教程,se-resize鼠标

梦之都 XHTML 教程,sw-resize鼠标

梦之都 CSS 教程,s-resize鼠标

梦之都 XHTML 教程,w-resize鼠标

梦之都 CSS 教程,text文字鼠标

梦之都 XHTML 教程,wait等待鼠标

梦之都 CSS 教程,help求助鼠标

梦之都 XHTML 教程,progress过程鼠标