在網頁設計中，CSS背景圖是一個非常常見的元素。當我們在設置背景圖的時候，有時候會遇到圖片過小或過大的情況，這時候就需要通過拉伸來調整圖片的大小和顯示效果。

首先，我們需要使用CSS的background-size屬性來設置背景圖片的大小。其中，該屬性有兩個參數：第一個參數是width，用于設置寬度；第二個參數是height，用于設置高度。這兩個參數的取值可以是具體的像素值，也可以是百分比。

background-size: 200px 100px;    //具體像素值
background-size: 50% 50%;        //百分比取值

當我們設置了背景圖的大小后，接下來就可以進行拉伸操作。具體來說，我們可以通過下面兩種方式實現：

1.拉伸-背景大小與元素大小不一致

在這種情況下，我們需要使用background-size屬性的cover值。這個值會根據元素的大小來調整背景圖的大小，并且保證完全覆蓋元素。當背景圖大小和元素大小不一致時，會進行拉伸處理。

background-size: cover;

2.拉伸-背景大小與元素大小一致

在這種情況下，我們需要使用background-size屬性的contain值。這個值會根據元素的大小來調整背景圖的大小，并且保證完全覆蓋元素。當背景圖大小和元素大小一致時，圖片不會進行拉伸處理。

background-size: contain;

通過以上的方法，我們可以很方便地實現背景圖片的拉伸，并根據需求調整其大小和顯示效果。