如何使用 CSS 或 JS 使用矩形缩放 9

Question

我想在矩形周围有一个自定义的 CSS边框纹理，例如手绘交叉影线。理论上，我会创建一个“比例 9”的矩形切片，所以无论它有什么尺寸，它都会有边框。

纯粹在 CSS 中可能有这样的事情吗？或者如果没有，那么你怎么能在 JS 中完成这个？我正在考虑使用交叉阴影创建一个带有内部阴影边框效果的文本输入。想知道是否/如何在纯 CSS 中完成，或者如果不是纯 CSS，则在 JS 中完成。

旁注，刚刚发现border-image，不确定是否相关。

我想让边界看起来基本上是这样的：

Answer 1

嗨，您可以使用 ::before & ::after 伪元素作为使用 CSS 的 HTML 元素，您可以应用边框等。