使用css3画一个皮卡丘

使用纯CSS3来绘制一个复杂的图形，如皮卡丘，是一项具有挑战性的任务，因为CSS主要用于样式和布局，而不是复杂的图形绘制。不过，你可以使用CSS的一些特性（如border-radius、box-shadow、linear-gradient等）来尝试创建一个简化的皮卡丘形象。

以下是一个简化的皮卡丘头部的CSS示例：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS Pikachu</title>
<style>
  body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f5f5f5;
  }

  .pikachu {
    position: relative;
    width: 200px;
    height: 200px;
    background: yellow;
    border-radius: 50% 50% 60% 40% / 60% 50% 40% 50%;
    box-shadow: 0 0 0 10px black;
  }

  .ear {
    position: absolute;
    width: 60px;
    height: 80px;
    background: black;
    border-radius: 50%;
    top: 20px;
  }

  .ear.left {
    left: -30px;
  }

  .ear.right {
    right: -30px;
  }

  .face {
    position: absolute;
    width: 140px;
    height: 140px;
    background: yellow;
    border-radius: 50%;
    top: 30px;
    left: 30px;
  }

  .eye {
    position: absolute;
    width: 40px;
    height: 40px;
    background: black;
    border-radius: 50%;
    top: 50px;
  }

  .eye.left {
    left: 40px;
  }

  .eye.right {
    right: 40px;
  }

  .nose {
    position: absolute;
    width: 20px;
    height: 30px;
    background: black;
    top: 80px;
    left: 60px;
  }

  .cheek {
    position: absolute;
    width: 60px;
    height: 60px;
    background: red;
    border-radius: 50%;
    top: 60px;
  }

  .cheek.left {
    left: 0;
  }

  .cheek.right {
    right: 0;
  }
</style>
</head>
<body>
<div class="pikachu">
  <div class="ear left"></div>
  <div class="ear right"></div>
  <div class="face">
    <div class="eye left"></div>
    <div class="eye right"></div>
    <div class="nose"></div>
    <div class="cheek left"></div>
    <div class="cheek right"></div>
  </div>
</div>
</body>
</html>