zoukankan      html  css  js  c++  java
  • 鼠标样式

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">  
        <html>  
            <head>  
                <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
                <title>CSS cursor 属性示例</title>        
                <mce:style type="text/css" media="all"><!--  
                    p#auto  
                    {   
                        cursor: auto;  
                    }  
                  
                    p#crosshair  
                    {   
                        cursor: crosshair;  
                    }  
                  
                    p#default  
                    {   
                        cursor: default;  
                    }  
                  
                    p#pointer  
                    {   
                        cursor: pointer;  
                    }  
                  
                    p#move  
                    {   
                        cursor: move;  
                    }  
                  
                    p#e-resize  
                    {   
                        cursor: e-resize;  
                    }  
                  
                    p#ne-resize  
                    {   
                        cursor: ne-resize;  
                    }  
                  
                    p#nw-resize  
                    {   
                        cursor: nw-resize;  
                    }  
                  
                    p#n-resize  
                    {   
                        cursor: n-resize;  
                    }  
                  
                    p#se-resize  
                    {   
                        cursor: se-resize;  
                    }  
                  
                    p#sw-resize  
                    {   
                        cursor: sw-resize;  
                    }  
                  
                    p#s-resize  
                    {   
                        cursor: s-resize;  
                    }  
                  
                    p#w-resize  
                    {   
                        cursor: w-resize;  
                    }  
                  
                    p#text  
                    {   
                        cursor: text;  
                    }  
                  
                    p#wait  
                    {   
                        cursor: wait;  
                    }  
                  
                    p#help  
                    {   
                        cursor: help;  
                    }  
                  
                    p#progress  
                    {   
                        cursor: progress;  
                    }  
                  
                    p  
                    {  
                        border: 1px solid black;  
                        background: lightblue;  
                    }  
                  
        --></mce:style><style type="text/css" media="all" mce_bogus="1">         p#auto  
                    {   
                        cursor: auto;  
                    }  
                  
                    p#crosshair  
                    {   
                        cursor: crosshair;  
                    }  
                  
                    p#default  
                    {   
                        cursor: default;  
                    }  
                  
                    p#pointer  
                    {   
                        cursor: pointer;  
                    }  
                  
                    p#move  
                    {   
                        cursor: move;  
                    }  
                  
                    p#e-resize  
                    {   
                        cursor: e-resize;  
                    }  
                  
                    p#ne-resize  
                    {   
                        cursor: ne-resize;  
                    }  
                  
                    p#nw-resize  
                    {   
                        cursor: nw-resize;  
                    }  
                  
                    p#n-resize  
                    {   
                        cursor: n-resize;  
                    }  
                  
                    p#se-resize  
                    {   
                        cursor: se-resize;  
                    }  
                  
                    p#sw-resize  
                    {   
                        cursor: sw-resize;  
                    }  
                  
                    p#s-resize  
                    {   
                        cursor: s-resize;  
                    }  
                  
                    p#w-resize  
                    {   
                        cursor: w-resize;  
                    }  
                  
                    p#text  
                    {   
                        cursor: text;  
                    }  
                  
                    p#wait  
                    {   
                        cursor: wait;  
                    }  
                  
                    p#help  
                    {   
                        cursor: help;  
                    }  
                  
                    p#progress  
                    {   
                        cursor: progress;  
                    }  
                  
                    p  
                    {  
                        border: 1px solid black;  
                        background: lightblue;  
                    }  
                </style>  
            </head>  
            <body>  
                <p id="auto">梦之都 XHTML 教程,auto正常鼠标</p>  
                <p id="crosshair">梦之都 CSS 教程,crosshair十字鼠标</p>  
                <p id="default">梦之都 XHTML 教程,default默认鼠标</p>  
                <p id="pointer">梦之都 CSS 教程,pointer鼠标</p>  
                <p id="move">梦之都 XHTML 教程,move移动鼠标</p>  
                <p id="e-resize">梦之都 CSS 教程,e-resize鼠标</p>  
                <p id="ne-resize">梦之都 XHTML 教程,ne-resize鼠标</p>  
                <p id="nw-resize">梦之都 CSS 教程,nw-resize鼠标</p>  
                <p id="n-resize">梦之都 XHTML 教程,n-resize鼠标</p>  
                <p id="se-resize">梦之都 CSS 教程,se-resize鼠标</p>  
                <p id="sw-resize">梦之都 XHTML 教程,sw-resize鼠标</p>  
                <p id="s-resize">梦之都 CSS 教程,s-resize鼠标</p>  
                <p id="w-resize">梦之都 XHTML 教程,w-resize鼠标</p>  
                <p id="text">梦之都 CSS 教程,text文字鼠标</p>  
                <p id="wait">梦之都 XHTML 教程,wait等待鼠标</p>  
                <p id="help">梦之都 CSS 教程,help求助鼠标</p>  
                <p id="progress">梦之都 XHTML 教程,progress过程鼠标</p>  
            </body>  
        </html> 

  • 相关阅读:
    Windos10开机自动 全屏启动 浏览器中的某个 具体网页
    Idea 2019-3.4版本激活码
    CentOS 7安装 MySQL 8.0+ 版本数据库
    CentOS 7更换镜像源
    Linux中 终端、命令、shell解析器 的简单介绍
    angular package.json中start build
    opencv 高级拼接函数Stitcher
    py_faster_rcnn识别出来的结果好多红框重叠
    机器视觉笔记-2
    js获取摄像头视频流
  • 原文地址:https://www.cnblogs.com/iloveyoucc/p/2672950.html
Copyright © 2011-2022 走看看