• HTML光标样式


     

    把你的光标放到相应文字上鼠标显示效果 
     cursor:auto;   自动
     cursor:zoom-in;   放大镜
     cursor:zoom-out;   缩小镜
     cursor:all-scroll;  上下左右任何方向滚动
     cursor:crosshair;  十字准心
     cursor:pointer;  手
     cursor:wait;  等待
     cursor:help;  帮助
     cursor:no-drop;  无法释放
     cursor:text;  文字/编辑
     cursor:move;  可移动对象
     cursor:vertical-text;  可编辑的垂直文本的光标
     cursor:n-resize;  向上改变大小(North)
     cursor:s-resize;  向下改变大小(South)
     cursor:e-resize;  向右改变大小(East)
     cursor:w-resize;  向左改变大小(West)
     cursor:ne-resize;  向上右改变大小(North East)
     cursor:nw-resize;  向上左改变大小(North West)
     cursor:se-resize;  向下右改变大小(South East)
     cursor:sw-resize;  向下左改变大小(South West)
     cursor:col-resize;  可被水平改变尺寸
     cursor:row-resize;  可被垂直改变尺寸
     cursor:not-allowed;  禁止
     cursor:progress;  处理中
     cursor:default;  系统默认

     cursor:url('#');#为光标文件地址

     (注意文件格式必须为:.cur或.ani)

     用户自定义(可用动画)

     注意:在定义完自定义的游标之后在末尾加上一般性的游标,

     以防那些url所定义的游标不能使用

    说明:

      cursor 属性:设置显示的光标的类型(形状)。

      此属性的值可以是多个,其间要用逗号分隔;

      假如第一个值无法找到而不能被显示,则第二个值将被尝试使用,依此类推;

      假如全部值都不可用的话,则此属性不会发生作用,光标也不会被改变。

      比如:{cursor:pointer,wait,help;},从pointer到wait,再到help,如果都没被应用,则cursor属性不起任何作用。

    现在举一个“手”光标的例子,写法有两种:

    效果图:

    cursor:pointer;

    第一种是行内样式:(行内样式:将CSS样式编写在标签之中)

    <table border="1">
        <tr class="pointer" style="cursor:pointer;">
            <td>cursor:pointer;</td>
            <td>手</td>
        </tr>
    </table>

     第二种是内部样式:(内部样式:由<style>标签定位在<head>之中)

    复制代码
    <!-- 这里是style里面的内容 -->
    <style type="text/css">
    .pointer:hover{
            cursor:pointer;
        }
    </style>
    
    <!-- 这里是body里面的内容 -->
    <body>
        <table border="1">
            <tr class="pointer">
                <td>cursor:pointer;</td>
                <td>手</td>
            </tr>
        </table>
    </body>
    复制代码
  • 相关阅读:
    DjangoRestFramework学习二之序列化组件、视图组件 serializer modelserializer
    DjangoRestFramework 学习之restful规范 APIview 解析器组件 Postman等
    vue学习目录 vue初识 this指向问题 vue组件传值 过滤器 钩子函数 路由 全家桶 脚手架 vuecli element-ui axios bus
    vue框架的搭建 安装vue/cli 脚手架 安装node.js 安装cnpm
    Redis集合 安装 哨兵集群 安全配置 redis持久化
    linux vue uwsgi nginx 部署路飞学城 安装 vue
    爬虫第三部分综合案例
    creating server tcp listening socket 127.0.0.1:6379: bind No error
    爬虫第二部分
    外键为什么加上索引?
  • 原文地址:https://www.cnblogs.com/gluncle/p/8916583.html
Copyright © 2020-2023  润新知