重複背景自定義突出顯示的文本

-1

我已經陷入了一種情況，無法弄清楚如何突出顯示CSS或jQuery中的文本。我想在左側和右側有一個圖像，然後是兩個圖像之間的重複圖像。有幾個長詞使用這個，所以我需要它儘可能動態。重複背景自定義突出顯示的文本

什麼，我需要它看起來像：

enter image description here

誰能給我指導，如何去了解做這樣的事情？爲了便於說明，我們可以調用圖像ImgLeft.png ImgRepeat.png和imgRight.png

的HTML將只是一個段落

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

來源

2013-10-28 Dale

您是否考慮使用多個CSS背景？ https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_multiple_backgrounds – David

將'span'換行並使用'：before'和'：after'僞選擇器來添加左/右背景邊緣。 –

在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。

來源

2013-10-28 10:58:24 acfrancis

重複背景自定義突出顯示的文本

回答

相關問題