Css Woocommerce-为产品添加边框图像

我试图在每个产品周围添加一个边框图像，我在illustrator中设计了该图像，但无法将其显示出来。src etc是正确的

.woocommerce ul.products li.product, .woocommerce-page ul.products 
li.product {
    border-image-slice: 50 56 27 58;
    border-image-width: 20px 20px 20px 20px;
    border-image-outset: 0px 0px 0px 0px;
    border-image-repeat: stretch stretch;
    border-image-source:url(bkg-img.png);
}

形象也是如此

---

您还需要指定

边框样式

和

边框宽度

（

边框图像

仅替换

边框颜色

，没有

宽度

和

样式

，分别默认为

0

，

无

）：

img{
边界：20px固体；
边界图像切片：50562758；
边框图像宽度：20px；
边界图像：0；
边界图像重复：拉伸；
边框图像源：url（'https://i.stack.imgur.com/xAphp.png');
}

---

太棒了，就是这样。谢谢