在网站设计过程中，我们常常需要使用图片来做背景、banner等元素的展示。但有时候，我们并不需要展示整张图片，而只需要显示其中一部分，这时候就需要用到CSS截取部分图片的技巧。

下面我们来看一下CSS截取图片的代码：

/* 首先设置外层div的宽高，等于需要截取的图片尺寸 */
div {
width: 200px;
height: 100px;
}
/* 然后设置背景样式，background-position设置图片的起始位置 */
div {
background-image: url("example.png");
background-position: -20px -30px;
}

在上面的代码中，我们首先设置外层div的宽高，这里的200px和100px分别是需要截取的图片的尺寸。然后设置背景样式，其中url("")里的链接是图片的地址，background-position属性是设置图片的起始位置。

假设我们需要截取的是一张宽400px、高300px的图片，我们只需要在background-position属性中设置负值的left和top值即可，比如-20px -30px，就是从左边20px和上边30px的位置开始截取。

需要注意的是，如果截取的部分超出了图片的边界，那么超出的部分将不会显示。

最后，CSS截取图片是一种简单有效的技巧，它能帮助我们更好地展示图片，同时减小图片大小，提高网站性能，是实现网站优化的关键之一。