css 菱形背景

可以通过 CSS 实现菱形背景，具体实现方法如下：

1. 使用 transform 属性将正方形旋转 45 度，变成菱形：

.element {
  width: 100px;
  height: 100px;
  transform: rotate(45deg);
}

2. 使用 clip-path 属性将正方形裁剪成菱形：

.element {
  width: 100px;
  height: 100px;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

其中，polygon 函数中的四组坐标分别表示左上角、右上角、右下角、左下角的位置，可以根据需求进行调整。