How do I properly implement border-image using css?

对于以下代码,没有图像,纯绿色边框还可以,但使用图像规格,我看到的只是4个角中的图像。

MY代码:

.content {
    padding: 1em;
        
    border:       solid darkgreen;
    border-width: 20px 20px;   /* v, h */
    
    border-image:        url("White_House_pics/garland.gif");
    webkit-border-image: url("White_House_pics/garland.gif");
    border-image-repeat: repeat;    
}

Again,没有图像,纯绿色边框还可以,但使用图像规格,我看到的只是4个角落中的图像。

?????

I really have looked around, but something obvious is escaping me.

您是否不创建一个复制您的问题的片段?你有足够的声誉来知道如何问一个好问题......alexandre elshobokshy
我确实问了一个好的问题“如果我有一个,没问题......如果是b,这个问题表面”。短而简单。在我多年上,我发现构建小事有时会消耗更多的时间而不是构建短而简单的时间。以后抓住你......我向阿灵顿国家公墓到了我处理了很多人的悲伤,孩子们在手上扔了手榴弹,这是为了保护他人Comity
OH我的:我的高尔夫比赛的阴影=边界图像切片解决了!Comity
谢谢上帝的美丽:Developer.mozilla.org/en-us/docs/web/css/...Comenity

回答 0