Html 如何用CSS绘制多边形背景？

我有一个充满内容的页面

有一个多边形，我想用颜色#e0e6设置为整个页面的背景

我该怎么做

我知道这听起来很简单。 但我无法使用剪辑路径来完成，它基本上会切断页面的另一半，使其不可见。 静态图像不是一个选项

---

我还缺少其他选项吗？

您想要的形状是：

.box{
-webkit剪辑路径：多边形（0,100%35%，100%65%，0%100%）；
剪辑路径：多边形（0,100%35%，100%65%，0%100%）；
宽度：200px；
高度：200px；
背景：#E0E6E5；
}

---

以防万一，看看这个：css中有很多形状。我用clip path做了同样的事情，但它切断了整个页面的白色部分。带有渐变的第二个示例非常有效！非常感谢你。

polygon(0 0, 100% 35%, 100% 65%, 0% 100%)