背景图片：之前和之后

Question

我在响应式网站上有一排，我希望将附加图像作为背景图像放在顶部和底部。我知道这可以通过伪元素:before和:after实现，但我不知道如何做到这一点。
我有一行：

.row {
    background: #444444;
}

那我怎么能在之前和之后应用图像？ https://www.dropbox.com/s/e9h3w2qqvxqntps/background.svg?dl=0

Answer 1

以这种方式使用:before和:after { - 1}} -

background-image

现在，您可以使用.row:before { content: url('imageURL'); } .row:after { content: url('imageURL'); } 定位每个:before和:after，然后调整position: absolute和top属性。