CSS是一種用于網頁布局和樣式的語言。在網頁設計中，經常需要對圖片進行裁剪或者顯示其中的一部分。這時候我們可以使用CSS的background-image屬性來實現(xiàn)。

首先，在HTML中添加一個div元素，然后為其設置一個樣式，添加一張背景圖片，并且設置背景圖片的位置：

<div style="background-image:url('image.jpg'); background-position:0 0">
</div>

這樣，圖片的左上角就會對齊到div元素的左上角，也就是整張圖片都會顯示在div元素中。

如果我們只需要顯示圖片的一部分，可以通過修改背景圖片的位置來實現(xiàn)。例如，如果我們只需要顯示圖片的左上角，可以將背景圖片的位置設置為0 0：

<div style="background-image:url('image.jpg'); background-position:0 0; width:200px; height:200px;">
</div>

在上面的代碼中，我們增加了div元素的寬度和高度，并且設置了背景圖片的位置。這樣，只有圖片的左上角200x200像素的部分會被顯示在div元素中，其余部分會被裁剪掉。

通過這種方式，我們可以方便地使用CSS來裁剪圖片或者只顯示其中的一部分。在實際的網頁設計中，這種方法經常被應用到各種不同的場景中，例如制作圖片集、縮略圖、輪播圖等。