CSS用于在HTML中使用img标签显示图像

Question

我是CSS的新手。我只想在章节标题之前放置一个图像。我有一个箭头图像，我想将该图像放在章节名称之前，只使用CSS而不使用HTML <img>标记。

我的代码：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

我没有通过设计获得正确的输出。任何人都可以帮我解决这个问题吗？

Answer 1

您可以在此下面使用css

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

Answer 2

使用＆＃39;内容＆＃39;具有像之前/之后的伪元素的属性，并确保您的图像路径是正确的。 检查Fiddle

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