设置背景图像打开/关闭段落

Question

我试图设置一个设计背景图像＆＃34;打开/关闭＆＃34;围绕一个段落。我尝试设置它，以便在段落的容器中添加两个div，然后用{{1}}和所有爵士乐设置它们，但是＆＃34;关闭＆＃34;图像将始终粘贴在容器的最右侧，而不是粘贴段落的最后一个单词。

是否可以在没有javascript的情况下进行设置？

以下是我尝试设置的示例：

Answer 1

是的，您可以使用:before和:after来完成此操作。请查看以下代码段：

＆＃13;

＆＃13;

p:before, p:after {
  content: ' ';
  position: absolute;
  background-color: #f00;
  padding: 15px;
  margin-top: -5px;
  font-size: 0;
  background: url("https://upload.wikimedia.org/wikipedia/commons/thumb/d/d8/VisualEditor_-_Icon_-_Block-quote.svg/60px-VisualEditor_-_Icon_-_Block-quote.svg.png") -28px -25px;
}

p:before {
  left: 10px;
  background-position: -3px -5px;
}

p {
  text-indent: 30px;
}

＆＃13;

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni labore explicabo molestias, libero similique veniam unde, cum quas neque architecto, consectetur, pariatur porro ex et dolorem voluptatibus repellat! Numquam, voluptate!</p>

＆＃13;

＆＃13;

＆＃13;

甚至没有马车。工作得很好。检查。