白色长方形

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>白色长方形</title>
  <style>
    body {
      margin: 0;
      min-height: 100vh;
      display: flex;              /* 让长方形居中 */
      justify-content: center;
      align-items: center;
      background: #2b2b2b;        /* 深色背景，方便看清白色长方形 */
    }

    .rectangle {
      width: 120px;               /* 长方形宽度（较小） */
      height: 60px;               /* 长方形高度，宽高不等即为长方形 */
      background: #ffffff;        /* 白色 */
      border-radius: 4px;         /* 可选：稍微圆角，去掉就是纯直角 */
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35); /* 可选：阴影更有立体感 */
    }
  </style>
</head>
<body>
  <div class="rectangle"></div>
</body>
</html>