CSS圖片在塊中顯示是一個非常常見的UI設計需求。在本文中，我們會詳細介紹如何使用CSS來讓圖片在塊中按照指定的方式顯示。

/* CSS代碼示例 */
.block-img {
width: 300px;
height: 200px;
background-color: #f5f5f5;
background-image: url('img.png');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

首先，我們需要在HTML中創建一個塊元素，用來包含我們要顯示的圖片。可以使用div標簽或其他塊級元素來實現。接著，給這個塊元素添加一個CSS類名，方便我們在CSS中進行樣式的定義。

在CSS中，我們首先要為這個塊元素的寬度和高度設置一個值，以便圖片按照我們預期的尺寸顯示。同時，我們也需要為這個塊元素設置一個背景顏色，以防止圖片未加載時出現白色閃爍。

接下來，我們使用background-image屬性來指定要顯示的圖片的URL路徑。在這個示例中，圖片的路徑是“img.png”，請根據實際情況修改為你自己的圖片路徑。

我們還需要設置background-repeat屬性，以指定當圖片尺寸大于塊元素尺寸時如何處理圖片。在這個示例中，我們使用了“no-repeat”，即不重復填充圖片。

接著，我們使用background-position屬性來設置圖片在塊元素中的位置。在這個示例中，我們使用了“center center”，即在塊元素中水平和垂直方向都居中顯示圖片。

最后，我們使用background-size屬性來指定圖片的尺寸如何適應塊元素的尺寸。在這個示例中，我們使用了“cover”，即讓圖片按照比例縮放，完全覆蓋塊元素。

通過以上步驟，我們就可以實現在塊中顯示圖片的效果。如果需要在多個不同尺寸的塊中顯示同一張圖片，可以使用CSS選擇器來為不同的塊元素應用不同的樣式。