CSSイメージ要素

Question

の右ここで私は苦境がでます私はこの画像のように、すべてのH1タグのスタイルを設定する必要があります。

だから、何がこれを行うための最善の方法だろうか？私はHTMLに追加することを好まず、CSSでそれをやりますが、それを行う方法を見つけることはできません。私はh1の背景に点線のイメージを追加してみましたが、それを繰り返すことはできますが、もちろんテキストの後ろに追加しています。私はその後:after擬似要素を使ってみましたが、私はそれを繰り返すことができず、私が望むように働くことができません。何か案は？前もって感謝します！ :)

Answer 1

これには追加のマークアップが必要です。

点線イメージをH1の背景として追加し、テキストの周りに堅実な背景色を持つ余分なSPANを使用するだけです。

Answer 2

HTMLこのような何か：

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

：このような

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

のCss何か