垂直重复图像边框

Question

我已经在线查看了一种将图像用作边框并垂直重复的方法，这样当页面的最小尺寸超过它时，它仍会完全填满左右边框，但我似乎无法看到找到有效的样式代码。我有边框可以水平显示，但我可以使用设置尺寸进行水平方向。

这可能吗？或者有没有人有更好的方法来实现这种效果？

Answer 1

您可以在CSS中使用background-repeat: repeat-y;。工作demo can be seen here.

HTML

<div id="myBG">
</div>

CSS

#myBG {
    height: 1000px;
    background-image: url('image.jpg');
    background-repeat: repeat-y;
}