随笔 - 143  文章 - 0  评论 - 23  阅读 - 125万

鼠标样式

<!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   cbwcwy  阅读(1078)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
< 2012年9月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 1 2 3 4 5 6

点击右上角即可分享
微信分享提示