可视化生成 CSS border-image，支持渐变和颜色边框。
下方容器的边框使用了 border-image。调节参数观察变化。
border-image 是一个复合属性，允许你使用图片或渐变来自定义元素的边框样式。它包含以下子属性：
border-image-source — 设置边框图片来源（URL 或渐变）border-image-slice — 切割图片的偏移量border-image-width — 边框图片的宽度border-image-outset — 边框图片向外延伸的距离border-image-repeat — 边框图片的重复方式（stretch/repeat/round）最常见的 border-image 用法是创建渐变边框。使用 linear-gradient() 作为 border-image-source，配合适当的 slice 值，即可实现平滑的渐变色边框效果。