CSS滑鼠效果手型效果

來源:互聯網
上載者:User

Example:CSS滑鼠手型效果 <a href="#" style="cursor:hand">CSS滑鼠手型效果</a>

Example:CSS滑鼠手型效果 <a href="#" style="cursor:pointer">CSS滑鼠手型效果</a>
註:pointer也是小手滑鼠,建議大家用pointer,因為它可以相容多種瀏覽器。

Example:CSS滑鼠由系統自動給出效果 <a href="#" style="cursor:auto">CSS滑鼠由系統自動給出效果</a>

Example:CSS滑鼠十字型 效果 <a href="#" style="cursor:crosshair">CSS滑鼠十字型 效果</a>

Example:CSS滑鼠I字型效果 <a href="#" style="cursor:text">CSS滑鼠I字形效果</a>

Example:CSS滑鼠等待效果 <a href="#" style="cursor:wait">CSS滑鼠等待效果</a>

Example:CSS滑鼠預設效果 <a href="#" style="cursor:default">CSS滑鼠預設效果</a>

Example:CSS滑鼠向右的箭頭效果 <a href="#" style="cursor:e-resize">CSS滑鼠向右的箭頭效果</a>

Example:CSS滑鼠向右上箭頭效果 <a href="#" style="cursor:ne-resize">CSS滑鼠向右上箭頭效果</a>

Example:CSS滑鼠向上箭頭效果 <a href="#" style="cursor:n-resize">CSS滑鼠向上箭頭效果</a>

Example:CSS滑鼠向左上箭頭效果 <a href="#" style="cursor:nw-resize">CSS滑鼠向左上箭頭效果</a>

Example:CSS滑鼠向左箭頭效果 <a href="#" style="cursor:w-resize">CSS滑鼠向左箭頭效果</a>

Example:CSS滑鼠向坐下箭頭效果 <a href="#" style="cursor:sw-resize">CSS滑鼠向坐下箭頭效果</a>

Example:CSS滑鼠向右下箭頭效果 <a href="#" style="cursor:s-resize">CSS滑鼠向右下箭頭效果</a>

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.