如何在div中加入两个菱形作为背景？

您可以使用CSS的伪元素 `::before` 和 `::after` 来实现在 `div` 中加入两个菱形作为背景。以下是一个实现示例：

div {
  position: relative;
  width: 200px;
  height: 100px;
  background-color: #f2f2f2;
}

div::before, div::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 50px solid transparent;
}

div::before {
  border-top-color: #f2f2f2;
  right: 50%;
  top: -50px;
}

div::after {
  border-bottom-color: #f2f2f2;
  left: 50%;
  bottom: -50px;
}

这段代码会在 `div` 的上下两个角落添加一个菱形，作为背景。您可以根据自己的需求调整菱形的大小、颜色和位置。