在網(wǎng)頁設(shè)計中，CSS 可以起到非常重要的作用，其中一個方面是控制圖片的顯示效果。本文將會介紹如何使用 CSS 將一張較大的圖片進行剪裁，只顯示其中的一部分。

首先，需要將圖片作為背景圖案。這可以通過以下代碼實現(xiàn)：

background-image: url("圖片地址");

接下來，需要使用背景圖案的 "background-position" 屬性將適當?shù)牟糠旨舨貌⑦M行顯示。在這個屬性中，可以使用像素值或百分比來控制圖案的位置。例如，以下代碼將圖案在水平方向上向左移動 50 像素，垂直方向上向上移動 20 像素：

background-position: -50px -20px;

如果希望將圖案在水平和垂直方向上分別移動一定百分比，那么可以這樣做：

background-position: 50% 20%;

要記住的是，"background-position" 屬性中的第一個值是水平方向上的位置，第二個值是垂直方向上的位置。因此，如果將這兩個值互換，那么圖案將會水平移動與垂直方向相等的距離，而垂直方向則水平移動與水平方向相等的距離。

使用 CSS 剪裁和顯示部分圖片的過程非常簡單，只需要使用 "background-image" 和 "background-position" 兩個屬性即可。這種方法還可以用于制作導(dǎo)航菜單和圖片滑動器等效果。