我需要像图片中那样制作带边框的尖刺。不幸的是我没有设计，所以没有可用的 png 或 svg。我怎样才能在 CSS 中做到这一点？有可能吗？我一整天都在努力做到这一点，但我能想到的最好的方法是关于如何在 css 中制作圆形之字形的教程，这甚至离我需要的还差得很远。
实现此目标的最佳方法是什么？我只需要一些东西让我朝着正确的方向前进。谢谢。 
最佳答案
您应该能够使用 Canvas 标签重新创建它。它不是纯粹使用CSS，而是使用了一点js。希望对您有所帮助。
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="500" height="300" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.moveTo(0, 100);
ctx.lineTo(200, 100);
ctx.lineTo(250, 50);
ctx.lineTo(350, 150);
ctx.lineTo(400, 100);
ctx.lineTo(500, 100);
ctx.stroke();
</script>
</body>
</html>关于html - 如何在 CSS 中塑造边框尖峰，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48388719/