关于在文字前方添加图片

::before是在标签内容前面添加内容

 ::after是在标签内容后面添加内容

（但是这些添加不会出现在DOM中，不会改变文档内容，不可复制，仅仅是在css渲染层加入。）

::before和::after必须配合content属性来使用，content用来定义插入的内容，content必须有值，至少是空。默认情况下，伪类元素的display是默认值inline，可以通过设置display:block来改变其显示。

html:

<a class="wenzi" style="position: absolute;" href="#" target="_blank">
    <strong> 文字 </strong>
</a>

css: 

strong::before{
    content:url(./img/shang.JPG);
}
strong::after{
    content:url(./img/xia.JPG);
}

结果：