Html 使用CSS以微小角度倾斜Div的左侧和右侧

以下是我试图创建的内容：

我应该可以用

clip path:polygon

来做，但是我不理解这个

这个形状的具体特性是什么

剪辑路径：多边形（50%0、100%50%、50%100%、0.50%）-上、左、下、右？50%是多少？什么是0？它们代表什么？医生似乎没有说，除非我错过了

我从另一篇文章中找到了一些代码，其结果如下：


。内部容器顶部{
宽度：130px；
字体大小：12px；
字体大小：600px；
背景：#8b000a；
颜色：#ffffff；
填充：7px；
剪辑路径：多边形（0%100%，100%100%，计算（100%-30px）0%，0%0%，计算（100%-30px）0%，0%0%）；
}
HELLOWORLD
此剪辑路径的顺序为左上、右上、右下、左下

百分比是包含多边形的容器的X，Y

使用你可以使用的工具。更聪明地工作，而不是更努力地工作：）


剪辑路径：多边形（31%55%，100%55%，75%100%，0%100%）
此剪辑路径的顺序为左上、右上、右下、左下

百分比是包含多边形的容器的X，Y

使用你可以使用的工具。更聪明地工作，而不是更努力地工作：）


剪辑路径：多边形（31%55%，100%55%，75%100%，0%100%）
剪辑路径：多边形（31%55%、100%55%、75%100%、0%100%）那么我要理解它是-左，上，右，下？它是TL，TR，BR，BLit不是top/keft/right/bottom。。这些都是要点。您有4个点（或者您可以有更多点）使用坐标放置检查：
剪辑路径：多边形（31%55%，100%55%，75%100%，0%100%）那么我要理解它是-左，上，右，下？它是TL，TR，BR，BLit不是top/keft/right/bottom。。这些都是要点。您有4个点（或者您可以有更多点）使用坐标放置检查：
多边形（15%0%，100%0，85%100%，0%100%）-这正是我想要的，但感谢分享该工具并解释序列。完美：）我添加了更多内容来解释百分比，但看起来你已经控制住了：）
polygon（15%0%，100%0，85%100%，0%100%）-这正是我想要的，但感谢您分享该工具并解释序列。完美：）我添加了一点来解释百分比，但看起来您已经控制住了：）