正如您从图像中看到的,容器的边框不是直的,所以我不知道从哪里开始。由于容器内部有文本,并且网站将响应,我怎样才能重新创建它效果如何?
有人可以通过任何提示为我指出正确的方向吗?
最佳答案
使用边框图像来渲染边框。 您可以使用border-image-generator轻松生成 css 代码,但如果框的大小比图像大,并且图像(如您的图像)没有可重复的部分,结果将不完美。
另一个想法是使用 SVG 作为背景图像/容器本身,因为 SVG 是基于矢量的,并且可以拉伸(stretch),并且您可以根据需要定义路径。
关于CSS 如何创建具有非线性边框的容器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31785029/