html - 下の境界線の画像として使用：「後」の疑似要素で画像を繰り返し、背景サイズを制御することは可能ですか？

Question

1つの画像を下の境界線として使用しようとして失敗しました。ここで私たちの試みを参照してください：下の境界線にのみ境界線の画像を使用しますか？私たちのCSSは、代わりにdiv全体に画像を複製しているようです

現在、「後」の疑似要素を境界線の下部の画像として使用しようとしています。

問題は、contentプロパティで画像のサイズを定義することも、疑似要素の幅全体で画像を繰り返すこともできないことです。これは可能ですか？

Answer 1

.some-div:after {
    content: '';
    display: block;
    width: 100px; /* example */
    height: 2px;
    background: url('../images/path-to-your-image.png') repeat-x;
}

コードに基づいて配置を追加するだけです (float、absolute、何でも)。