第9章CSS cursor 属性.pptVIP

[uri ,]*: 根据用户定义的资源显示 auto: 正常鼠标 crosshair: 十字鼠标 default: 默认鼠标 pointer: 点状鼠标 move: 移动鼠标 e-resize,ne-resize,nw-resize,n-resize,se-resize,sw-resize,s-resize,w-resize: 改变大小鼠标 text: 文字鼠标 wait: 等待鼠标 help: 求助鼠标 progress: 过程鼠标 inherit: 继承 初始值: auto 继承性: 是 适用于: 所有元素 cursor: 鼠标. 示例 #auto { cursor:auto; } #text { cursor:text; } #wait { cursor:wait; } #help { cursor:help; } #progress { cursor:progress; } CSS cursor 属性示例 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / titleCSS cursor 属性示例/title style type=text/css media=all 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; } /style /head body p梦之都 a href=/css/CSS教程/a,stronga href=/css/property_cursor/cursor/a/strong示例.把鼠标移动到每个蓝色方框上,看看效果./p p id=auto梦之都 XHTML 教程,auto正常鼠标/p p id=crosshair梦之都 CSS 教程,crosshair十字鼠标/p p id=default梦之都 XHTML 教程,default默认鼠标/p p id=pointer梦之都 CSS 教程,pointer鼠标/p p id=move梦之都 XHTML 教程,move移动鼠标/p p id=e-resize梦之都 CSS 教程,e-resize鼠标/p p id=ne-resize梦之都 XHTML 教程,ne-resize鼠标/p p id=nw-resize梦之都 CSS 教程,nw-resize鼠标/p p id=n-resize梦之都 XHTML 教程,n-resize鼠标/p p id=se-resize梦之都 CSS 教程,se-resize鼠标/p p id=sw-resize梦之都 XHTM