与背景图像制作边框

Question

问题看来，我要求代码，但事实并非如此。我google了很多次，并登陆了没有告诉我想要的页面。在Google中找不到它可能是我的不好的一部分。

我已经在某个地方看到了它，可能在某个网站上，我不记得了

我有六个png文件，即

  

top_right.png，   top_left.png，   bottom_right.png，   bottom_left.png，   horizo​​ntal.png，   verical.png

我想要的是制作一个盒子，边框使用上面的图像。

我认为它必须对背景位置和百分比做一些事情，但我找不到怎么做？

Answer 1

按照此处的说明操作：http://www.w3schools.com/cssref/css3_pr_border-image.asp

Answer 2

这将帮助您进行实际演示和示例：http://developer.mozilla.org/en-US/docs/CSS/border-image

Answer 3

使用逗号ex：

分隔它们

body {
    background-image: url(bottom.png), url(top-right.png);
    background-position: center bottom, right top;
    background-repeat: no-repeat;
}