利用 CSS 控制改變鼠標的形狀

第一方法就是在CSS里面定義
#liehuonet {
cursor: default;
}
第二方法就是在style中定義

列舉比較常用的
cursor: hand;手型
cursor: default;最常用的箭頭狀
cursor: text;文本 crosshair: 十字
cursor: wait;漏斗
cursor: help;問號
cursor: e-resize;左右箭頭 多用于拖拉層效果
cursor: ne-resize; 拉窗口的樣式
cursor: n-resize;上下箭頭

如果你想全部知道,你可以在VS2008頁面上加個div在style里面添加一個cursor,會有提示列出所有.

<center><font face="隸書" color="#ff0000" size="6">各種形狀的鼠標</font></center><br /><br /><center><table style="BORDER-COLLAPSE: collapse" bordercolor="#000000" cellspacing="0" cellpadding="0" border="1" borderlight="green"><tbody><tr><td align="center"><font face="華文中宋" color="#ff0000" size="5"><strong>下頁為效果顯示區!</strong></font></td></tr><tr><td width="400" height="150"><table height="200" width="100%" border="0"><tbody><tr><td width="51%" height="21"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong><a style="CURSOR: hand" href="/" _fcksavedurl="/">style="cursor:hand"</a></strong></font></div></td><td valign="top" width="49%" height="21"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong><a style="CURSOR: crosshair" href="/" _fcksavedurl="/">style="cursor:crosshair"</a></strong></font></div></td></tr><tr><td valign="top" width="51%" height="25"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong><a style="CURSOR: text" href="/" _fcksavedurl="/">style="cursor:text"</a></strong></font></div></td><td valign="top" width="49%" height="25"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong><a style="CURSOR: wait" href="/" _fcksavedurl="/">style="cursor:wait"</a></strong></font></div></td></tr><tr><td valign="top" width="51%" height="25"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong><a style="CURSOR: move" href="/" _fcksavedurl="/">style="cursor:move"</a></strong></font></div></td><td valign="top" width="49%" height="25"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong><a style="CURSOR: help" href="/" _fcksavedurl="/">style="cursor:help"</a></strong></font></div></td></tr><tr><td valign="top" width="51%" height="25"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong><a style="CURSOR: e-resize" href="/" _fcksavedurl="/">style="cursor:e-resize"</a></strong></font></div></td><td valign="top" width="49%" height="25"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong><a style="CURSOR: n-resize" href="/" _fcksavedurl="/">style="cursor:n-resize"</a></strong></font></div></td></tr><tr><td valign="top" width="51%" height="25"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong><a style="CURSOR: nw-resize" href="/" _fcksavedurl="/">style="cursor:nw-resize"</a></strong></font></div></td><td valign="top" width="49%" height="25"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong><a style="CURSOR: w-resize" href="/" _fcksavedurl="/">style="cursor:w-resize"</a></strong></font></div></td></tr><tr><td valign="top" width="51%" height="25"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong><a style="CURSOR: s-resize" href="/" _fcksavedurl="/">style="cursor:s-resize"</a></strong></font></div></td><td valign="top" width="49%" height="25"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong><a style="CURSOR: se-resize" href="/" _fcksavedurl="/">style="cursor:se-resize"</a></strong></font></div></td></tr><tr><td valign="top" width="51%" height="26"><div align="left"><font face="Arial, Helvetica, sans-serif" size="2"><strong><a style="CURSOR: sw-resize" href="/" _fcksavedurl="/">style="cursor:sw-resize"</a></strong></font></div></td><td valign="top" width="49%" height="26"><div align="left"></div></td></tr></tbody></table></td></tr></tbody></table><br /><center>網更多教程，請訪問：<a href=http://www.jyygyx.com/ target=_blank _fcksavedurl="http://www.jyygyx.com/ target=_blank">http://www.jyygyx.com/</a></center>
提示：可修改后代碼再運行!

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈