zoukankan      html  css  js  c++  java
  • 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 帮助指针
  • 相关阅读:
    大学生自学网
    如何保证主从复制数据一致性
    CDN
    后端 线上 服务监控 与 报警 方案2
    利用 Gearman 实现系统错误报警功能
    增量部署和全量部署
    后端线上服务监控与报警方案
    简析TCP的三次握手与四次分手
    301 和 302 对 SEO 的影响
    Linux 查看负载
  • 原文地址:https://www.cnblogs.com/lsyw/p/10722567.html
Copyright © 2011-2022 走看看