九宫格气泡实验台
拖宽高看四个角变不变形。上面是直接拉伸，下面是九宫格。
源图 · 红线就是切的地方
对比
❌ 直接拉伸 background-size:100% 100%
老公我跟你说个事
✅ 九宫格 border-image
老公我跟你说个事
调
slice 量的是源图像素，边框宽是页面像素。2x 图就 slice 填 border 的两倍。
CSS · 抄走就能用
三条要记住的
一、fill 别漏。不写中间那块是透明的，只剩一个框。上面开关自己切一下看。
二、角上的装饰别跨到边中间。边是拿来拉的，跨过去就被抻长。
三、花边/波浪边用 round，纯色渐变边用 stretch；repeat 会在边缘切半个花，基本别用。