Css 为什么边界图像如此难以理解？

我已经看过了border图像，我觉得我理解了每个属性值应该做什么，但是当玩数字游戏时，我似乎无法正确地理解它

以下是我正在研究的内容的略读版本：

身体{ 背景色：rgb0，0，0； 宽度：100%； 身高：100%； } 关于{ 左边距：250像素； 右边距：250px； 边缘顶部：50px； 边缘底部：50px； 填充：20px； 边框样式：实心； 边框宽度：30px； 边框图像：urlhttp://www.sandranathan.net/wp-content/uploads/2012/02/ROSE-BORDER-11668791_l-72.jpg 600轮； } 关于p， h1{ 文本对齐：居中； 颜色：rgb255、255、255； 字号：28px； } 一些需要边界的东西

---

. 我相当确定，你也需要让玫瑰垂直，这样它们就形成一个盒子-。然后，您可以垂直和水平地进行切片。但这令人困惑。这可能有助于作为一个实际的例子。谢谢，这是非常有帮助的！我只有一个关于预编辑图像的问题。如果我需要边框的文本框是矩形的，比如说500 x 1000像素，我是否应该在Photoshop中制作一个比例/比例画布，并在每个角落的JSFIDLE中放置一个从图像中剪下的玫瑰？