原创测试

来源:互联网 发布:匡恩网络 刘晓庆 编辑:程序博客网 时间:2024/05/16 11:46
<!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=gb2312" />
        <title>CSS cursor 属性示例</title>
        <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;
            }
    </style>
    </head>
    <body>
        <p id="auto">Byd_Bya XHTML 教程,auto正常鼠标</p>
        <p id="crosshair">Byd_Bya CSS 教程,crosshair十字鼠标</p>
        <p id="default">Byd_Bya XHTML 教程,default默认鼠标</p>
        <p id="pointer">Byd_Bya CSS 教程,pointer鼠标</p>
        <p id="move">Byd_Bya XHTML 教程,move移动鼠标</p>
        <p id="e-resize">Byd_Bya CSS 教程,e-resize鼠标</p>
        <p id="ne-resize">Byd_Bya XHTML 教程,ne-resize鼠标</p>
        <p id="nw-resize">Byd_Bya CSS 教程,nw-resize鼠标</p>
        <p id="n-resize">Byd_Bya XHTML 教程,n-resize鼠标</p>
        <p id="se-resize">Byd_Bya CSS 教程,se-resize鼠标</p>
        <p id="sw-resize">Byd_Bya XHTML 教程,sw-resize鼠标</p>
        <p id="s-resize">Byd_Bya CSS 教程,s-resize鼠标</p>
        <p id="w-resize">Byd_Bya XHTML 教程,w-resize鼠标</p>
        <p id="text">Byd_Bya CSS 教程,text文字鼠标</p>
        <p id="wait">Byd_Bya XHTML 教程,wait等待鼠标</p>
        <p id="help">Byd_Bya CSS 教程,help求助鼠标</p>
        <p id="progress">Byd_Bya XHTML 教程,progress过程鼠标</p>

    </body>
</html>
原创粉丝点击