如何在CSS/Javascript中创建像素化的非直边框？

因此，我有一些元素想在我正在进行的项目中显示。每一个都应该看起来像一个像素化的横幅。下面是一个例子：

左边和右边的直线很简单。这些只是简单的边界。横幅的底部是困难的部分。我希望它能够像flex对象一样进行调整。这一要求使得很难找到解决方案。像素需要保持相同的大小，因此svg似乎无法工作

昨晚我花了相当长的时间在谷歌上搜索，我找到了一些解决方案，但似乎没有一个是可以调整的。它们是静态大小，通过像素操作获得效果

有人能想到如何达到这个效果吗？只要指向正确的方向也会很好

我想这家酒店可能会对你有所帮助。您将需要一个静态图像，其中包含像素边界的一部分，以便在适当的位置进行切片

---

如果你现在使用的解决方案能够解决这个问题，你也可以尝试弯曲边框。

使用div创建5行，只设置边框左/右，居中，调整大小以匹配你的图片。看看这个库

边框半径

不起作用，就在我头顶上。