CSS是一種強大的樣式語言，可以為網頁添加各種各樣的效果和樣式。其中，圖片的處理也是其一個重要的應用。在本文中，將介紹如何使用CSS只顯示一張圖片。

<style>
/* 只顯示一張圖片 */
.img {
background: url('圖片地址') no-repeat center center / cover;
/* 裁剪圖片并居中顯示 */
width: 200px;
height: 200px;
}
</style>

上述代碼中，使用了background屬性來設置圖片，其中'url'表示圖片地址，'no-repeat'表示不重復，'center center'表示在背景中心位置顯示圖片，'/ cover'表示裁剪圖片并填充到背景中。同時，設置了圖片容器的寬度和高度為200像素。

在HTML中，只需要將圖片添加到一個帶有'class="img"'屬性的div元素中，即可完成只顯示一張圖片的效果。

<div class="img">
<!-- 圖片的alt屬性為了增強可訪問性，表示如果圖片無法加載，將顯示的替代文本 -->
<img src="圖片地址" alt="圖片展示">
</div>

上述代碼中，div元素中的img元素只用來增加可訪問性，實際上不會被顯示出來。

總之，使用CSS輕松實現只顯示一張圖片的效果，讓網頁看起來更加美觀。