url | 需使用的自定義光標的 URL。 注釋:請在此列表的末端始終定義一種普通的光標,以防沒有由 URL 定義的可用光標。 |
default | 默認光標(通常是一個箭頭) |
auto | 默認。瀏覽器設置的光標。 |
crosshair | 光標呈現為十字線。 |
pointer | 光標呈現為指示鏈接的指針(一只手) |
move | 此光標指示某對象可被移動。 |
e-resize | 此光標指示矩形框的邊緣可被向右(東)移動。 |
ne-resize | 此光標指示矩形框的邊緣可被向上及向右移動(北/東)。 |
nw-resize | 此光標指示矩形框的邊緣可被向上及向左移動(北/西)。 |
n-resize | 此光標指示矩形框的邊緣可被向上(北)移動。 |
se-resize | 此光標指示矩形框的邊緣可被向下及向右移動(南/東)。 |
sw-resize | 此光標指示矩形框的邊緣可被向下及向左移動(南/西)。 |
s-resize | 此光標指示矩形框的邊緣可被向下移動(南)。 |
w-resize | 此光標指示矩形框的邊緣可被向左移動(西)。 |
text | 此光標指示文本。 |
wait | 此光標指示程序正忙(通常是一只表或沙漏)。 |
help | 此光標指示可用的幫助(通常是一個問號或一個氣球)。 |
- CSS鼠標手型效果 <a href="#" style="cursor:hand">CSS鼠標手型效果</a>
- CSS鼠標手型效果 <a href="#" style="cursor:pointer">CSS鼠標手型效果</a>
注:pointer也是小手鼠標,建議大家用pointer,因為它可以兼容多種瀏覽器。
- CSS鼠標由系統自動給出效果 <a href="#" style="cursor:auto">CSS鼠標由系統自動給出效果</a>
- CSS鼠標十字型 效果 <a href="#" style="cursor:crosshair">CSS鼠標十字型 效果</a>
- CSS鼠標I字型效果 <a href="#" style="cursor:text">CSS鼠標I字形效果</a>
- CSS鼠標等待效果 <a href="#" style="cursor:wait">CSS鼠標等待效果</a>
- CSS鼠標默認效果 <a href="#" style="cursor:default">CSS鼠標默認效果</a>
- CSS鼠標向右的箭頭效果 <a href="#" style="cursor:e-resize">CSS鼠標向右的箭頭效果</a>
- CSS鼠標向右上箭頭效果 <a href="#" style="cursor:ne-resize">CSS鼠標向右上箭頭效果</a>
- CSS鼠標向上箭頭效果 <a href="#" style="cursor:n-resize">CSS鼠標向上箭頭效果</a>
- CSS鼠標向左上箭頭效果 <a href="#" style="cursor:nw-resize">CSS鼠標向左上箭頭效果</a>
- CSS鼠標向左箭頭效果 <a href="#" style="cursor:w-resize">CSS鼠標向左箭頭效果</a>
- CSS鼠標向坐下箭頭效果 <a href="#" style="cursor:sw-resize">CSS鼠標向坐下箭頭效果</a>
- CSS鼠標向右下箭頭效果 <a href="#" style="cursor:s-resize">CSS鼠標向右下箭頭效果</a>