• 鼠标样式


    <!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> 

  • 相关阅读:
    Array 对象-sort()
    vue安装
    前端面试题
    JavaScript对象原型
    CSS如何水平垂直居中?
    块格式化上下文(Block Formatting Context,BFC)
    盒子模型
    前端基础
    Markdown语法
    浏览器 滚动条 占据 y轴宽度的解决方案
  • 原文地址:https://www.cnblogs.com/iloveyoucc/p/2672950.html
Copyright © 2020-2023  润新知