在HTML中，我們可以使用CSS來展示不同的圖片，這通常涉及到CSS的background-image屬性，它允許我們指定一個(gè)圖片作為HTML元素的背景，下面是一些示例代碼，展示了如何使用CSS來展示不同的圖片：

1、為HTML元素添加背景圖片：

<div style="background-image: url('image1.jpg');"></div>
<div style="background-image: url('image2.jpg');"></div>

在這個(gè)示例中，我們?yōu)閮蓚€(gè)div元素添加了背景圖片，每個(gè)div元素會(huì)顯示不同的圖片。

2、為HTML元素添加多個(gè)背景圖片：

<div style="background-image: url('image1.jpg'), url('image2.jpg');"></div>

在這個(gè)示例中，我們?yōu)橐粋€(gè)div元素添加了多個(gè)背景圖片，這些圖片會(huì)疊加在一起，形成復(fù)合背景。

3、使用CSS偽類來展示不同的圖片：

<div class="image-container">
    <div class="image-item"></div>
    <div class="image-item"></div>
</div>

CSS:

.image-container {
    position: relative;
    width: 200px;
    height: 200px;
}
.image-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}
.image-item:first-child {
    background-image: url('image1.jpg');
}
.image-item:last-child {
    background-image: url('image2.jpg');
}

在這個(gè)示例中，我們使用了CSS偽類來為每個(gè)div元素添加不同的背景圖片，這樣，我們可以根據(jù)元素的順序或位置來展示不同的圖片。

這些示例展示了如何使用CSS來在HTML中展示不同的圖片，你可以根據(jù)自己的需求選擇適合的方法。