不规则border-image如何自适应?-灵析社区

明道

![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241016/cf3c60a9af699aa609011507d7383c49.png) 想请教一下像这种不规则的背景图,如何实现按照图片的大小自适应呢? 重要的是背景图不被拉伸,可以基本正常显示。

阅读量:13

点赞量:0

问AI
https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241016/9caf1196d21114e93c446084f8fc6f57.png 随便截图试了一下,大概效果是这样 "CleanShot 2024-01-04 at 15.53.21@2x.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241016/bf2d9f384967bdf16888b5774a759953.png) div { width: 200px; padding: 38px; margin-bottom: 12px; border-image: url('https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241016/9caf1196d21114e93c446084f8fc6f57.png') 38 / 38px round; } img { display: block; width: 100%; }