CSS鼠标手势大全
實例：
<!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>
<title>CSS鼠標手勢大全 - www.webdm.cn</title>
<style type="text/css">
<!--
span {display:block;line-height:30px;margin:5px 0;background:#f0f0f0;text-align:center;}
-->
</style>
</head>
<body>
<span>手型</span>
<span>手型</span>
<span>crosshair 十字</span>
<span>text 文本</span>
<span>wait 等待</span>
<span>help 問號</span>
<span>e-resize 右的箭頭</span>
<span>ne-resize 右上的箭頭</span>
<span>n-resize 上的箭頭</span>
<span>nw-resize 左上的箭頭</span>
<span>w-resize 左的箭頭</span>
<span>sw-resize 左下的箭頭</span>
<span>s-resize 下的箭頭</span>
<span>se-resize 右下的箭頭</span>
<span>move 移動</span>
<br />
<p><a >網頁代碼站</a> - 最專業的代碼下載網站 - 致力為中國站長提供有質量的代碼！</p>
</body>
</html>
cursor:hand 與 cursor:pointer 的效果是一樣，都像手形光標。但用FireFox瀏覽時才注意到使用cursor:hand在FireFox里并被支持。
cursor:hand ：IE完全支持。但是在firefox是不支持的，沒有效果。
cursor:pointer ：是CSS2.0的標準。所以firefox是支持的，但是IE5.0既之前版本不支持。IE6開始支持。
附：cursor屬性收集
光標類型 CSS
十字準心 cursor: crosshair;
手 cursor: pointer;
cursor: hand;
寫兩個是為了照顧IE5，它只認hand。
等待/沙漏 cursor: wait;
幫助 cursor: help;
無法釋放 cursor: no-drop;
文字/編輯 cursor: text;
可移動對象 cursor: move;
向上改變大小(North) cursor: n-resize;
向下改變大小(South) cursor: s-resize;
向右改變大小(East) cursor: e-resize;
向左改變大小(West) cursor: w-resize;
向上右改變大小(North East) cursor: ne-resize;
向上左改變大小(North West) cursor: nw-resize;
向下右改變大小(South East) cursor: se-resize;
向下左改變大小(South West) cursor: sw-resize;
自動 cursor: auto;
禁止 cursor:not-allowed;
處理中 cursor: progress;
系統默認 cursor: default;
用戶自定義（可用動畫） cursor: url(‘ # ‘);
# = 光標文件地址 (注意文件格式必須為：.cur 或 .ani)。
總結
- 上一篇： spring mvc 中对静态资源的访问
- 下一篇： 英语中sit和seat区别