垂直重復圖像邊框

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;
}