zoukankan      html  css  js  c++  java
  • CSS 鼠标样式的变化

    请把鼠标移动到单词上,这样会看到鼠标指针的变化:

    Auto
    Crosshair
    Default
    Pointer
    Hand
    Move
    e-resize
    ne-resize
    nw-resize
    n-resize
    se-resize
    sw-resize
    s-resize
    w-resize
    text
    wait
    help

    代码:

    <html>
    <body>
    <p>请把鼠标移动到单词上,这样会看到鼠标指针的变化:</p> 
    <span style="cursor: auto">Auto</span><br />
    <span style="cursor: crosshair">Crosshair</span><br />
    <span style="cursor: default">Default</span><br />
    <span style="cursor: pointer">Pointer</span><br />
    <span style="cursor: hand">Hand</span><br />
    <span style="cursor: move">Move</span><br />
    <span style="cursor: e-resize">e-resize</span><br />
    <span style="cursor: ne-resize">ne-resize</span><br />
    <span style="cursor: nw-resize">nw-resize</span><br />
    <span style="cursor: n-resize">n-resize</span><br />
    <span style="cursor: se-resize">se-resize</span><br />
    <span style="cursor: sw-resize">sw-resize</span><br />
    <span style="cursor: s-resize">s-resize</span><br />
    <span style="cursor: w-resize">w-resize</span><br />
    <span style="cursor: text">text</span><br />
    <span style="cursor: wait">wait</span><br />
    <span style="cursor: help">help</span><br />
    </body>
    </html>
  • 相关阅读:
    20210420
    20210419
    2021041601
    20210416
    20210415
    20210414
    20210413
    20210412
    20210409
    20210405
  • 原文地址:https://www.cnblogs.com/SkySoot/p/2456239.html
Copyright © 2011-2022 走看看