CSS 根据 class 显示图片大致分为以下几个步骤:

1. 准备需要显示的图像文件，可以是 PNG、JPG、SVG 等格式的图片文件。
2. 在 HTML 页面中，使用<img> 标签来定义图片，并且在其中设置 class name 属性，例如：<img class="image1">。
3. 在 CSS 文件中，使用 class name 选择器来为该 class 设置背景图片属性：
.image1 {
background-image: url('image1.jpg');
}
4. 将 CSS 文件与 HTML 页面链接起来，使其生效。

通过以上步骤，我们可以轻松地按照 class 显示不同的图片。需要注意的是，在设置背景图片时，文件路径应该与图片文件相对应。