CSS 是前端開發中最為重要的一部分，掌握好 CSS 的使用可以讓我們更好地呈現我們的網頁和應用。其中，顯示圖片的局部也是 CSS 中的一個不可忽視的部分。

在 HTML 中，我們可以使用標簽來顯示圖片，但是如果我們只想顯示圖片的某一部分，該如何進行處理呢？這時，CSS 就可以派上用場了。

/* 以某個圖片為例 */
.image {
background-image: url("example.jpg");
background-position: -50px -80px; /* 偏移量 */
width: 200px;
height: 150px;
border: 1px solid #000;
}

在上面的代碼中，我們使用了 background-image 屬性來引用圖片，然后使用 background-position 屬性來控制顯示圖片的區域，具體的顯示區域由偏移量（-50px -80px）決定。最后，我們在 CSS 中為圖片指定一個固定的寬度和高度，使其在網頁中有更好的顯示效果。

值得注意的是，background-position 的值可以使用數值或者百分比來指定，數值代表偏移量，而百分比則代表百分比相對于容器的位置。我們可以根據實際需要來進行選擇，這樣可以更加靈活地控制網頁的布局。

除了以上的方法之外，我們還可以使用 clip-path 屬性來裁剪圖片。使用 clip-path 屬性進行圖片裁剪的方法比較復雜，如果需要使用，需要在 CSS 中針對圖片設置裁剪區域的路徑，這里不進行深入探究。

總之，掌握好 CSS 中顯示圖片的局部的方法可以讓我們更好地呈現網頁，也可以讓我們在 UI 設計方面更加靈活地運用。