㈠簡單介紹
在瀏覽網頁時，通常看到的鼠標光標形狀有箭頭、手形、沙漏等，而在 windows 中實際看到的鼠標指針種類比這個還要多。
一般情況下，鼠標光標的形狀由瀏覽器負責控制，大多數情況的光標形狀為箭頭形狀，當指向鏈接時，光標形狀會變成手指形狀。
cursor 屬性規定要顯示的光標的類型（形狀）。
該屬性定義了鼠標指針放在一個元素邊界范圍內時所用的光標形狀。
㈡屬性值
㈢屬性簡單講解
cursor屬性的默認值為 auto， 它表示由瀏覽器根據當前上下文，自動確定最適合的光標類型。auto 與 default 不同，default 表示使用客戶端操作系統默認的光標類型。
CSS允許用戶創建自己的鼠標光標圖片，並保存為 .cur 的光標文件，然后通過 cursor屬性來使用它們。
例如：cursor: url(cursors/cursor.cur) ;
上述規則表示，要求瀏覽器加載名稱為 cursor.cur 光標文件，並將它用作鼠標光標。當然，瀏覽器也有可能不支持 .cur 格式的光標文件，或光標文件無法正常加載。因此，大多數瀏覽器要求必須指定一個備用的光標，否則，cursor屬性無效。
例如：cursor: url(cursors/cursor.cur), pointer;
使用上述規則，在瀏覽器不支持 .cur 格式的光標文件，或光標文件無法正常加載時，就會使用 pointer 作為光標。
由於不同瀏覽器所支持的光標文件格式不盡相同，Opera和IE僅支持 .cur 格式，Firefox、Chrome和Safari既支持 .cur 格式，也支持常見的 .jpg、.gif、.jpg 等格式。因此，CSS還支持同時指定多個光標文件，中間用逗號隔開。
例如：cursor: url(cursors/cursor.cur), url(cursors/cursor.png), url(cursors/cursor.gif), pointer;
這樣的話，瀏覽器會逐個查看各個URL，直到找到一個可用的光標文件。如果瀏覽器無法找到任何可用的文件，就會使用 pointer 作為光標。
㈣代碼演示：
總體測試代碼：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>cursor樣式演示</title> <style type="text/css"> .cursorDiv{ width: 300px; height:150px; background: #FF6600; border:solid 1px; cursor:url('img/sanchaji.png'),pointer; } </style> </head> <body> <div class="cursorDiv"> </div> </body> </html>
1..url()
可以將光標圖形自定義為自己喜歡的圖標樣式，url()里是一個圖標的連接，可以是png、ico、gif等，注意，要在url()后面定義一個普通的光標，否則自定義的圖標不起作用！
cursor:url('img/sanchaji.png'),pointer;
2.default
默認光標（通常是一個箭頭）
cursor:default;
3.auto
默認。瀏覽器設置的光標。
4.crosshair
光標呈現為十字線。
cursor:crosshair;
5.pointer
光標呈現為指示鏈接的指針（一只手）
cursor:pointer;
6.move
此光標指示某對象可被移動。
cursor:move;
7.e-resize
此光標指示矩形框的邊緣可被向右（東）移動。
cursor:e-resize;
8.ne-resize
此光標指示矩形框的邊緣可被向上及向右移動（北/東）。
cursor:ne-resize;
9.nw-resize
此光標指示矩形框的邊緣可被向上及向左移動（北/西）。
cursor:nw-resize;
10.n-resize
此光標指示矩形框的邊緣可被向上（北）移動。
cursor:n-resize;
11.se-resize
此光標指示矩形框的邊緣可被向下及向右移動（南/東）。
cursor:se-resize;
12.sw-resize
此光標指示矩形框的邊緣可被向下及向左移動（南/西）。
cursor:sw-resize;
13.s-resize
此光標指示矩形框的邊緣可被向下移動（南）。
cursor:s-resize;
14.w-resize
此光標指示矩形框的邊緣可被向左移動（西）。
cursor:w-resize;
15.text
此光標指示文本。
16.wait
此光標指示程序正忙（通常是一只表或沙漏）。
cursor:wait;
17.help
此光標指示可用的幫助（通常是一個問號或一個氣球）。
cursor:help;
18.progress
cursor:progress;
測試瀏覽器為Chrome