CSS背景圖是網(wǎng)站設(shè)計(jì)中常用的一種元素，它能為頁面增加視覺效果，并且提高網(wǎng)站的美觀度和用戶體驗(yàn)。在使用背景圖的時(shí)候，有時(shí)需要截取其中的一部分圖片，這時(shí)候就需要使用CSS背景圖截取小圖。

.background-image{
background-image:url('image.jpg');
background-repeat:no-repeat;
background-position:-20px -30px;
background-size:300px 200px;
width:300px;
height:200px;
}

上面這段CSS代碼就是一個(gè)簡(jiǎn)單的CSS背景圖截取小圖的實(shí)例，下面對(duì)這段代碼進(jìn)行解釋：

首先使用background-image屬性指定背景圖片的路徑和名稱，然后使用background-repeat屬性指定背景圖是否重復(fù)。其中no-repeat表示不重復(fù)。

background-position屬性用于設(shè)置背景圖片位置的偏移量，-20px -30px表示水平方向偏移20像素，垂直方向偏移30像素。

background-size屬性用于設(shè)置背景圖片的寬度和高度，這里設(shè)置的是300px 200px。

最后設(shè)置元素的寬度和高度，確保截取的小圖與背景圖片的大小一致，這樣截取出的小圖才會(huì)完整。

通過這段代碼，我們可以得到一張從背景圖中截取出的小圖，可以在網(wǎng)頁中任何需要的位置使用。

總之，CSS背景圖截取小圖是一項(xiàng)非常實(shí)用的技巧，在設(shè)計(jì)網(wǎng)站時(shí)可以根據(jù)需要靈活運(yùn)用，使網(wǎng)站更加美觀和吸引人。