背景
源于昨天跟佬友讨论的一个需求。 
前端开发中，我们可能会遇到一些背景相关的需求，例如使用一张类似奖状的背景图，但是要求奖状中间部分适配文本内容高度而需要无限拉伸，类似下图： 
 [效果图] 
 [素材图] 
素材图 

初步设想
拿到这个需求，想到的就是安卓的点九图（不知道现在还用不用 :tieba_087:），想到的解决办法就2个： 

UI切图分为上、中、下 三个，中间部分自动拉伸
不切图，利用 clip-path 来达到相同的三部分效果

还有一个例外的想法，老切图仔知道的 滑动门 方案，但是谁还用传统方案啊 :tieba_087: 
还有就是使用第三方库 smart-scale 来达成，但这么点个东西去加载一个三方库，emmm… 
以上方案虽然可以达到效果，但是得将整体分为三块，敲代码有点麻烦，也不优雅，于是我又想起来了一个 “新” 的方案，使用 border-image 来...