CSS是一种用于网页样式设计的语言，伪元素则是CSS的一个重要特性，它能够在HTML元素中创建一些虚拟的元素，为我们提供更多的样式设定选择。其中，::before和::after伪元素最常被使用，通过CSS代码来添加伪元素可为网页添加各种丰富的效果。

在伪元素的应用中，有一种非常常见的用法就是通过伪元素来显示图片。接下来我们来介绍一下这种方法。

.content::before{
content: '';
display: block;
width: 100px;
height: 100px;
background: url('图片路径') no-repeat;
}

以上代码中，content属性为空字符串，目的是创建一个伪元素。display：block属性可以让伪元素排列在行开始的位置，与文本不在同一行。

接下来是设定伪元素的宽度和高度，这里可以根据实际需要自行调整。

最后，使用background属性将图片路径设置到伪元素的背景中，并设置不重复显示。

当以上代码添加到CSS中后，我们可以在HTML元素的同一级元素中添加class="content"，然后在CSS中引用该class，就会在该元素前添加一张图片了。

以上是CSS伪元素显示图片的基本方法，简单易懂，非常实用。网页设计中，我们可以通过这种方法来装点网页，让网页更加美观。