很多時候我們需要在網站設計中使用圖片，但有時候我們并不需要使用整個圖片，只需要使用圖片的中間區域就好了。這時候我們可以使用CSS來實現。

img {
display: block;
margin: 0 auto;
max-height: 200px;
max-width: 200px;
object-fit: cover;
object-position: center;
}

在上面的代碼中，我們使用了object-fit和object-position這兩個CSS屬性。

object-fit屬性指定了圖片的填充方式。在示例代碼中，我們將其設為cover，表示填充整個容器，并按比例縮放圖片，使其完全覆蓋容器。當容器的寬高比與圖片的寬高比不同時，圖片將被裁切掉一部分。

object-position屬性則指定了圖片的位置。在示例代碼中，我們將其設為center，表示將圖片的中心對齊容器的中心。

這樣一來，圖片的中間部分就會被居中填充容器了。

通過這種方式，我們可以很方便地取出圖片的中間區域，讓網站設計更美觀。