HTMLでimgタグを使用してイメージを表示するCSS

Question

CSSを初めて使用しました。チャプタータイトルの前に画像を配置したいだけです。私は矢印の画像を持っているので、その画像を章名の前に置いて、CSSを使ってHTML <img>タグを使わずに置いておきたい。

マイコード：

.body > .ce_label:before{ 
 
    background: url("arrow.png"); 
 
}

<div id="body-proof" class="body top-most bottom-most"> 
 
    <div id="OPT_ID_4224-proof" class="ce_label"> 
 
    Chapter<span class="tb"></span>11<span class="te"></span> 
 
    </div> 
 
</div>

私はデザインで正しい出力が届きません。誰でも私にこれを解決させる手助けはできますか？

Answer 1

あなたはこの

.ce_label:before{ 
    content: url(arrow.png); 
} 

Answer 2

前/後のような擬似要素と使用のコンテンツ 'プロパティのCSSの下に使用し、画像のパスが正しいことを確認してくださいすることができます。 は `Fiddle

.body > .ce_label:before { 
    content: url(https://s14.postimg.org/zfkdt9wdt/down_arrow.png); 
}