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> 

  • 相关阅读:
    ROS入门笔记(三):二进制包与源代码包
    zsh 使用通配符功能
    Linux显示行号设置
    Linux、Ubuntu、CentOS安装和配置zsh
    Python中出现 SyntaxError: (unicode error) 'unicodeescape' codec can't decode bytes in position 12-13: truncated UXXXXXXXX escape
    Python数据分析:pandas玩转Excel(三)
    【WP8】ScrollViewer滑动到底触发器(ListBox失效)
    【WP8】扩展CM的INavigationService方法
    【WP8】仿QQ提示消息
    【WP8】键盘弹出时控制Frame位置
  • 原文地址:https://www.cnblogs.com/iloveyoucc/p/2672950.html
Copyright © 2011-2022 走看看