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

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

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

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

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

上述代碼中，div元素中的img元素只用來(lái)增加可訪問(wèn)性，實(shí)際上不會(huì)被顯示出來(lái)。

總之，使用CSS輕松實(shí)現(xiàn)只顯示一張圖片的效果，讓網(wǎng)頁(yè)看起來(lái)更加美觀。