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>
  • 相关阅读:
    点击图片等比缩放
    C# 使用 NPOI 库读写 Excel 文件
    vue url生产二维码
    centos Linux 同步Windows 时间
    centos 搭建 docker sentry
    centos 安装 pip
    webpack 提升90%的构建速度 HardSourceWebpackPlugin
    webpack 原生分析
    webpack 分析
    nodejs——js 实现webSocket 兼容移动端
  • 原文地址:https://www.cnblogs.com/SkySoot/p/2456239.html
Copyright © 2011-2022 走看看