自定义突出显示文本与重复背景

Question

我已陷入困境，无法弄清楚如何在css或jQuery中突出显示文本。我想在左边有一个图像，在右边有一个图像，然后在它们之间有一个重复的图像。有一些长话使用这个，所以我需要它尽可能地动态。

我需要它看起来像：

任何人都可以给我指导如何做这样的事情？为了便于说明，我们可以调用图像ImgLeft.png ImgRepeat.png和imgRight.png

HTML只是一个段落

<p class="HighlightedText">Attention to detail</p>

Answer 1

在CSS中，您可以指定多个背景图像（及其相关属性），如下所示：

. HighlightedText {
    background-image: url('ImgLeft.png'), url('ImgRepeat.png'), url('ImgRight.png');
    background-position: left cneter, center center, right center;
    background-repeat: no-repeat, repeat-x, no-repeat;
}

确保图像的路径正确。您可能需要使用background-size调整大小。