将下面代码插入页面中 ,用浏览器打开观看即可! <html> <head> <mce:style type="text/css"><!-- <– a{font-style:normal;text-decoration:none;font-size:9pt;color:#0000cc} a:hover {font-style:normal;text-decoration:none;font-size:9pt;color:#0000cc;background-color:#AFE0FE} a:active {font-style:normal;text-decoration:none;font-size:9pt;color:#0000cc;background-color:#8080C0} –> BODY { FONT-FAMILY: 宋体; FONT-SIZE: 9pt } TABLE { FONT-FAMILY: 宋体; FONT-SIZE: 9pt } } --></mce:style><style type="text/css" mce_bogus="1"><– a{font-style:normal;text-decoration:none;font-size:9pt;color:#0000cc} a:hover {font-style:normal;text-decoration:none;font-size:9pt;color:#0000cc;background-color:#AFE0FE} a:active {font-style:normal;text-decoration:none;font-size:9pt;color:#0000cc;background-color:#8080C0} –> BODY { FONT-FAMILY: 宋体; FONT-SIZE: 9pt } TABLE { FONT-FAMILY: 宋体; FONT-SIZE: 9pt } }</style> </head> <body> <div style="font-size:24pt;color:green;" mce_style="font-size:24pt;color:green;"> <table width="647" border="0"> <tr> <td width="157" height="26"> </td> <td colspan="3" height="26"> <div align="center"><font size="4"><b><font color="#660066">用CSS改变鼠标样式</font></b></font></div> </td> </tr> <tr> <td width="157"> </td> <td width="137"><font color="#990000">关键字:</font></td> <td width="156"><font color="#990000">解释:</font></td> <td width="192"><font color="#990000">样式:</font></td> </tr> <tr> <td width="157"> </td> <td width="137"><font color="#330066">auto</font></td> <td width="156"><font color="#660066">自动改变样式</font></td> <td width="192"> <div align="center"></div> </td> </tr> <tr> <td width="157"> </td> <td width="137"><font color="#330066">crosshair</font></td> <td width="156"><font color="#660066">精确定位"+"</font></td> <td width="192"> <div align="center" style="cursor:crosshair" mce_style="cursor:crosshair"><font color="#006666">用鼠标指着我察看效果</font></div> </td> </tr> <tr> <td width="157"> </td> <td width="137"><font color="#330066">default</font></td> <td width="156"><font color="#660066">默认指针</font></td> <td width="192"> <div align="center" style="cursor:default" mce_style="cursor:default"><font color="#006666">用鼠标指着我察看效果</font></div> </td> </tr> <tr> <td width="157"> </td> <td width="137"><font color="#330066">hand</font></td> <td width="156"><font color="#660066">手形</font></td> <td width="192"> <div align="center" style="cursor:hand" mce_style="cursor:hand"><font color="#006666">用鼠标指着我察看效果</font></div> </td> </tr> <tr> <td width="157"> </td> <td width="137"><font color="#330066">move</font></td> <td width="156"><font color="#660066">移动</font></td> <td width="192"> <div align="center" style="cursor:move" mce_style="cursor:move"><font color="#006666">用鼠标指着我察看效果</font></div> </td> </tr> <tr> <td width="157"> </td> <td width="137"><font color="#330066">e-resize</font></td> <td width="156"><font color="#660066">箭头朝右方</font></td> <td width="192"> <div align="center" style="cursor:e-resize" mce_style="cursor:e-resize"><font color="#006666">用鼠标指着我察看效果</font></div> </td> </tr> <tr> <td width="157"> </td> <td width="137"><font color="#330066">ne-resize</font></td> <td width="156"><font color="#660066">箭头朝右上方</font></td> <td width="192"> <div align="center " style="cursor:ne-resize" mce_style="cursor:ne-resize"><font color="#006666">用鼠标指着我察看效果</font></div> </td> </tr> <tr> <td width="157"> </td> <td width="137"><font color="#330066">nw-resize</font></td> <td width="156"><font color="#660066">箭头朝左上方</font></td> <td width="192"> <div align="center" style="cursor:nw-resize" mce_style="cursor:nw-resize"><font color="#006666">用鼠标指着我察看效果</font></div> </td> </tr> <tr> <td width="157"> </td> <td width="137"><font color="#330066">n-resize</font></td> <td width="156"><font color="#660066">箭头朝上方</font></td> <td width="192"> <div align="center" style="cursor:n-resize" mce_style="cursor:n-resize"><font color="#006666">用鼠标指着我察看效果</font></div> </td> </tr> <tr> <td width="157"> </td> <td width="137"><font color="#330066">se-resize</font></td> <td width="156"><font color="#660066">箭头朝右下方</font></td> <td width="192"> <div align="center" style="cursor:se-resize" mce_style="cursor:se-resize"><font color="#006666">用鼠标指着我察看效果</font></div> </td> </tr> <tr> <td width="157"> </td> <td width="137"><font color="#330066">sw-resize</font></td> <td width="156"><font color="#660066">箭头朝左下方</font></td> <td width="192"> <div align="center" style="cursor:sw-resize" mce_style="cursor:sw-resize"><font color="#006666">用鼠标指着我察看效果</font></div> </td> </tr> <tr> <td width="157"> </td> <td width="137"><font color="#330066">s-resize</font></td> <td width="156"><font color="#660066">箭头朝下方</font></td> <td width="192"> <div align="center" style="cursor:s-resize" mce_style="cursor:s-resize"><font color="#006666">用鼠标指着我察看效果</font></div> </td> </tr> <tr> <td width="157"> </td> <td width="137"><font color="#330066">w-resize</font></td> <td width="156"><font color="#660066">箭头朝左方</font></td> <td width="192"> <div align="center" style="cursor:w-resize" mce_style="cursor:w-resize"><font color="#006666">用鼠标指着我察看效果</font></div> </td> </tr> <tr> <td width="157"> </td> <td width="137"><font color="#330066">text</font></td> <td width="156"><font color="#660066">文本"I"形</font></td> <td width="192"> <div align="center" style="cursor:text" mce_style="cursor:text"><font color="#006666">用鼠标指着我察看效果</font></div> </td> </tr> <tr> <td width="157"> </td> <td width="137"><font color="#330066">wait</font></td> <td width="156"><font color="#660066">等待</font></td> <td width="192"> <div align="center" style="cursor:wait" mce_style="cursor:wait"><font color="#006666">用鼠标指着我察看效果</font></div> </td> </tr> <tr> <td width="157"> </td> <td width="137"><font color="#330066">help</font></td> <td width="156"><font color="#660066">帮助</font></td> <td width="192"> <div align="center" style="cursor:help" mce_style="cursor:help"><font color="#006666">用鼠标指着我察看效果</font></div> </td> </tr> <tr> <td width="157" height="23"> </td> <td width="485" colspan="3" height="23"> <div align="left"><font color="#330066">使用方法:在需要改变鼠标样式的地方方插入:</font>style="cursor:<font color="#990000">关键字</font>"</div> </td> </body> </html>