语法：

cursor：鼠标的属性

说明：

（1）当鼠标移动到不同对象时，鼠标指针将显示以不同的形状、图案。

（2）鼠标的属性值分别为：auto，按照默认状态自动改变；crosshair，精确定位十字；Default，默认指针；hand，手形；move，移动；e-resize，箭头朝向右方；ne-resize，箭头朝向右上方；nw-resize，箭头朝向左上方；n-resize，箭头朝向上方；se-resize，箭头朝向右下方；sw-resize，箭头朝向左下方；s-resize，箭头朝向下方；w-resize，箭头朝向左方；text，文本I形；wait，等待：help，说明。

【例7-15】鼠标属性示例。

在编辑窗口输入下面的代码：

＜！--文件名：ex7-15.html--＞

＜！DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞

＜html xmlns="http://www.w3.org/1999/xhtml"＞

＜head＞

＜meta http-equiv="Content-Type"content="text/html；charset=gb2312"/＞

＜title＞change mouse＜/title＞

＜/head＞

＜body＞(www.daowen.com)

＜h1 style="font-family：黑体；text-align：center"＞显示效果＜/h1＞

＜p style="font-family：隶书；font-size：15pt；color：bule；text-align：left"＞鼠标移到下面不同的位置，将看到不同的指针形状＜/p＞

＜div style="font-family：宋体；font-size：17pt；color：green；text-align：center"＞

＜p＞＜span style="cursor：hand"＞鼠标指针将显示为手形＜/span＞＜br/＞

＜span style="cursor：move"＞鼠标指针将显示为移动形状＜/span＞＜br/＞

＜span style="cursor：ne-resize"＞鼠标指针反方向显示＜/span＞＜br/＞

＜span style="cursor：wait"＞鼠标指针显示为等待形状＜/span＞＜br/＞

＜span style="cursor：help"＞鼠标指针显示为求助形状＜/span＞

＜/p＞

＜/div＞

＜/body＞

＜/html＞

在浏览器窗口中打开该网页文件，把鼠标指针放到不同对象上，可以看到指针将显示为不同的形状，如图7-18所示。

图7-18　鼠标指针示例