常用鼠标样式

xiaohe_qianduan

于 2020-04-03 14:37:27 发布

阅读量361

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/xiaohe_qianduan/article/details/105292766

本文详细介绍并展示了使用CSS实现的各种鼠标指针样式，包括默认、小手、移动、禁止及文本编辑状态，通过简单的HTML和CSS代码片段，为网页设计者提供直观的视觉效果参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>鼠标常用样式</title>
    <style>
        div {
            width: 280px;
            height: 330px;
            background-color: pink;
            margin: 100px auto;
            padding: 10px 10px;
        }
        li {
            list-style: none;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div>
        <ul>
        <li style="cursor: default;">默认的</li>
        <li style="cursor: pointer;">小手</li>
        <li style="cursor: move;">移动</li>
        <li style="cursor: not-allowed;">禁止</li>
        <li style="cursor: text;">文本</li>
        </ul>
    </div>
</body>
</html>