CSS中可以使用background屬性設置元素的背景圖像。有時候我們只需要顯示背景圖像的一部分，這時候就可以使用background-clip和background-position兩個屬性來截取背景圖像了。

先看看background-clip屬性，它有以下幾個值：

.full{
background-image: url('full.jpg');
background-size: cover;
background-clip: content-box;
}
.padding{
background-image: url('full.jpg');
background-size: cover;
background-clip: padding-box;
}
.border{
background-image: url('full.jpg');
background-size: cover;
background-clip: border-box;
}

content-box表示背景圖像從元素的內容區域開始顯示，即不包括padding和border；padding-box表示背景圖像從元素的padding區域開始顯示，即不包括border；border-box表示背景圖像從元素的border區域開始顯示。

再看看background-position屬性，它的值有像素值、百分比以及關鍵字left、center、right、top、middle和bottom。下面代碼演示如何使用background-position截取背景圖像。

.left-top{
background-image: url('full.jpg');
background-size: cover;
background-position: left top;
}
.center-center{
background-image: url('full.jpg');
background-size: cover;
background-position: center center;
}
.right-bottom{
background-image: url('full.jpg');
background-size: cover;
background-position: right bottom;
}

以上代碼分別將背景圖像截取為左上角、居中以及右下角三個部分。

總結一下，使用background-clip和background-position屬性可以很方便地截取背景圖像。需要注意的是，這兩個屬性只能用于background-image設置了背景圖像的元素。