css 写一个平行梯形盒子

可以使用 CSS 的 `transform` 属性来实现平行梯形。

HTML 代码：

<div class="parallelogram"></div>

CSS 代码：

.parallelogram {
  width: 200px;
  height: 100px;
  transform: skewX(-20deg); /* 将元素水平倾斜 20 度 */
  background-color: #333;
}

解释一下上述代码：

1. 设置元素的宽度为 200px，高度为 100px；
2. 使用 `transform` 属性将元素水平倾斜 20 度，实现平行梯形效果；
3. 设置元素的背景颜色为 #333。