CSS圖片元素

Question

的就在這裏是我的困境中，我需要樣式這樣的形象的所有H1標籤：

那麼，什麼是做這個的最好方法？我不想添加到HTML，只是用CSS做，但我似乎無法找到一種方法來做到這一點。我已經嘗試在h1的背景上添加虛線圖像並重復它，但是當然也會將它添加到文本後面。然後我嘗試使用:after僞元素，但是我無法重複並按照我的想法工作。有任何想法嗎？提前致謝！ :)

Answer 1

您將需要額外的標記。

只需添加虛線圖像作爲H1的背景，並在文本週圍使用帶有純色背景的額外SPAN。

Answer 2

HTML是這樣的：

<h1> 
    <span class="title">Title</span> 
    <span class="dotted"></span> 
</h1> 

的CSS是這樣的：

.dotted{ 
    margin-left:0px; 
    margin-right:0px; 
    height:50px; 
    border-bottom:1px solid dotted; 
}