在网页设计中，我们经常需要使用大量的图片来进行美化和装饰。但是有时候，我们并不需要显示整张图片，而只需要显示图片中的一部分。此时，我们可以借助CSS的background-position和background-size属性来实现图片的截取。

.background {
background-image: url(/path/to/image);
background-size: 100%;
background-position: 50% 50%;
}

上面的代码中，我们设置了一个CSS类.background，并为其设置了一个背景图片。在background-size属性中，我们将其值设置为100%，这样图片不会被压缩或拉伸。接着，在background-position属性中，我们将其x轴的值设为50%，y轴的值也设为50%。这就让图片居中显示。

如果我们想要截取图片的左上角部分，我们可以将background-position属性的值分别设置为0% 0%：

.background {
background-image: url(/path/to/image);
background-size: 100%;
background-position: 0% 0%;
}

同样的，如果我们想要截取图片的右下角部分，我们可以将background-position属性的值分别设置为100% 100%：

.background {
background-image: url(/path/to/image);
background-size: 100%;
background-position: 100% 100%;
}

通过以上的方法，我们可以很方便地截取图片的任意部分，并将其用作图标等装饰元素。这样可以让网页在视觉上更加统一和美观。