h1标签前后的css背景图片

Question

我必须将所有h1标签设置为在h1文本之前和之后都有图像.

我知道如何添加图像,但不知道如何添加两者.

CSS(样式h1在文本之前有图像)

h1 {
        background-image: url('images/h_ltr.png');
        background-position: left center;
        background-repeat: no-repeat;
        text-align: center;
        font-size: 22px;
        font-weight: bold;
        color: #5d5d5d;
    }

Answer 1

您可以使用:before和:aftercss选择器.

h1:before {
    background-color: green;
    padding: 0 20px;
    content: " ";
}
h1:after {
    background-color: red;
    padding: 0 20px;
    content: " ";
}

<h1>Test</h1>