• CSS表单3 光标样式 (每个位置鼠标放上去的样式不同)


    <!DOCTYPE html>
    <html>
        <head>
            <title>单选按钮对齐</title>
            <style type="text/css">
                a{display:block}
                a.aut{cursor:auto}
                a.crosshair{cursor:crosshair}
                a.default{cursor:default}
                a.pointer{cursor:pointer}
                a.move{cursor:move}
                a.text{cursor:text}
                a.wait{cursor:wait}
                a.help{cursor:help}
            </style>     
        </head>
        <body>
        <h1>软件开发,成就梦想</h1>
        <h2>学编程,上利永贞网 https://www.liyongzhen.com/</h2
        <a class="auto">auto</a>
        <a class="crosshair">crosshair</a>
        <a class="default">default</a>
        <a class="pointer">pointer</a>
        <a class="move">move</a>
        <a class="text">text</a>
        <a class="wait">wait</a>
        <a class="help">help</a>
        </body>
    </html>
     

    cursor 属性有不同的值,这些值让光标显示不同的形状。

    常见的形状有:

    属性值 说明
    default 默认光标,通常是一个箭头
    auto 浏览器自动识别的光标
    crosshair 十字线
    pointer 手型指针
    move 移动指针
    text 文本指针
    wait 指示程序正忙
    col-resize 双向移动
    help 帮助指针
  • 相关阅读:
    【背包问题】
    【CodeVS1037】取数游戏
    【CodeVS2226】飞行棋
    网线主管
    第一周计划
    毕业设计每日总结2020/2/16
    毕业设计每日总结2020/2/15
    毕业设计每日总结2020/2/14
    毕业设计每日总结2020/2/13
    毕业设计每日总结2020/2/12
  • 原文地址:https://www.cnblogs.com/lsyw/p/10722567.html
Copyright © 2020-2023  润新知