CSS---cursor 鼠標指針光標樣式(形狀)


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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM