创建三个相邻的倾斜div

<div id="container">
  <!-- 三个相邻的倾斜div将在这里添加 -->
</div>

#container {
  position: relative;
}

#container:before,
#container:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100px; /* 设置div的宽度 */
  background-color: #ccc; /* 设置div的背景颜色 */
  transform: skewX(-20deg); /* 将div倾斜20度 */
}

#container:before {
  left: -100px; /* 设置第一个倾斜div的位置 */
}

#container:after {
  right: -100px; /* 设置第二个倾斜div的位置 */
}

<div id="container">
  <div class="skew-div"></div>
  <div class="skew-div"></div>
  <div class="skew-div"></div>
</div>

.skew-div {
  height: 200px; /* 设置div的高度 */
  background-color: #ccc; /* 设置div的背景颜色 */
}