admin 发表于 2022-6-6 07:00

css属性光标形状

语法:cursor:值取值:        text:文本图标        help:问号图标        wait:等待的图标        pointer:        小手图标        move 移动        url(),临时替换的样式-----需要在url后面加auto        default箭头<head>
        <meta charset="utf-8" />
        <title></title>
        <style type="text/css">
                div{
                        width:100px;
                        height:50px;
                        border:1px solid #000;
                }
                .box1{
                        cursor:text;
                }
                .box2{
                        cursor:help;
                }
                .box3{
                        cursor:wait;
                }
                .box4{
                        cursor:pointer;
                }
                .box5{
                        cursor:move;
                }
                .box6{
                        cursor:url('bitbug_favicon.ico'),auto;
                }
                .box7{
                        cursor:default;
                }
        </style>
</head>
<body>
        <div class="box1">文本</div>
        <div class="box2">问号</div>
        <div class="box3">等待</div>
        <div class="box4">小手</div>
        <div class="box5">移动</div>
        <div class="box6">图片</div>
        <div class="box7">箭头</div>
</body>
页: [1]
查看完整版本: css属性光标形状