鼠标样式

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

posted on 2012-09-06 10:07  cbwcwy  阅读(1076)  评论(0编辑  收藏  举报