Css 锯齿形边框

我试图创造一个之字形的边界，并尝试了一些不同的方式，但还没有达到目的

这里有一个片段接近我所需要的，但我需要它作为边框（顶部），但在锯齿形的背景下-这是可能的，还是有不同的方法来做到这一点

*{
框大小：边框框；
}
html，正文{
身高：100%；
宽度：100%；
边距：0；填充：0；
}
html{
字体大小：125%；
}
身体{
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
p{
字体大小：6vw；
}
.挥手{
/*转义字符#与%23，duh*/
背景图像：url（'data:image/svg+xml；utf8'）；
宽度：100%；
背景位置：左上；
背景尺寸：2.64vw auto；//或1rem auto；
背景重复：重复-x；
显示：内联块；
垫底：2vw；
填充：50px；
背景色：红色；
}

Vergangenheitsbewältigungskultur

如果我试图实现这一点：

我会在图形编辑器（焰火、PhotoShop等）中创建一部分具有透明背景的之字形

然后我会将它添加到CSS文件中的id或类元素（它自己的，或者包含在body类中）。 正文{background:#FFF url（path/to/zig-zag）repeat-x；}

最后，在我的HTML结构中指出它。它要么封装在body标记中，要么包含在“”标记中。div或body标记的选择应基于图像相对于页面其他元素的显示位置

（请原谅我没有把它与svg联系起来……也许我把它简化了。）

增加： 如果使用SVG的目的是使图像对不同的屏幕大小（桌面、平板电脑、手机等）具有响应性/可伸缩性，则可以在CSS文件中包含以下行：img{max width:100%；height:auto；}

---

如果您将其列为一个独立的行，那么您的所有图形都应该具有（模拟的）SVG效果。

我正在使用SVG进行此操作。要剪切图像，我使用SVG掩码。请阅读代码中的注释

设h=100，cy=h/2；//SVG画布的高度和中心y
设w=200，cx=w/2；//宽度和中心x
设阶跃=10；
让分数=”；//“之字形”的要点
设i=0；
对于（设x=-step/2；x

不相关，但在你的评论“学习德语很难”中，想帮助一个试图学习和翻译德语的人吗？我想说这有点像“过去应对文化”，但这似乎不正确：D@ChrisW. 根据它的意思是“应对过去的文化”——这对我来说意味着“应对过去的错误”也许？快步说，这会更有意义，现在让OP问题在一点时间内得到纠正，干杯。