垂直重复图像边框

Question

我在网上寻找一种使用图像作为边框并垂直重复的方法，这样当页面的最小尺寸超过该值时，它仍会完全填充左右两侧的边框，但我似乎找不到样式有效的代码。 我有边框可以水平显示，但是我可以将设置尺寸用于水平方向。

这可能吗？ 还是有人有更好的方法来实现这种效果？

Answer 1

您可以使用background-repeat: repeat-y; 在您的CSS中。 可以在此处查看有效的演示。

HTML

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

CSS

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