请使用CSS制作一个鼠标

要使用CSS制作一个鼠标形状，我们可以利用div元素和CSS的伪元素（::before 和 ::after）来模拟鼠标的各个部分。以下是一个简单的示例，展示如何使用CSS创建一个基本的鼠标形状：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS Mouse</title>
<style>
  .mouse {
    position: relative;
    width: 80px;
    height: 120px;
    background: #888;
    border-radius: 40px 40px 60px 60px;
    margin: 50px;
  }

  .mouse::before {
    content: '';
    position: absolute;
    top: 40px;
    left: -10px;
    width: 100px;
    height: 60px;
    background: #888;
    border-radius: 50px;
    transform: rotate(-45deg);
  }

  .mouse::after {
    content: '';
    position: absolute;
    top: 20px;
    left: 35px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
  }
</style>
</head>
<body>
  <div class="mouse"></div>
</body>
</html>

在这个示例中，.mouse 类代表鼠标的主体部分。我们使用border-radius属性来模拟鼠标的曲线形状。::before 伪元素用于创建鼠标的左侧按键部分，并通过旋转（transform: rotate(-45deg);）和调整位置来与主体部分对齐。::after 伪元素则用于在鼠标主体上添加一个表示滚轮的小圆点。

请注意，这只是一个非常基本的示例，你可以根据需要进一步调整尺寸、颜色和形状等属性来使其更符合你的设计要求。