CSS中的圖片平鋪和拉伸是經常用到的樣式處理方法。圖片平鋪可以將一張圖片不斷重復地呈現在背景中，而拉伸則可以將圖片按照比例拉伸或縮小。

/* 平鋪 */
background-image: url("bg.jpg");
background-repeat: repeat;
/* 拉伸 */
background-image: url("logo.png");
background-size: 200px 50px;

在上面的代碼中，我們首先使用了background-image來設置背景圖片，然后通過background-repeat來選擇是否需要平鋪。如果值為repeat，則會平鋪重復呈現；如果值為no-repeat，則只顯示一次。我們也可以使用repeat-x或repeat-y來單獨指定水平或垂直方向的平鋪。

接著，我們使用了background-size來指定圖片的尺寸。這個屬性同時還可以控制圖片的拉伸和縮小。常見的取值包括：

/* 將圖片等比例縮小 */
background-size: contain;
/* 將圖片填充整個背景 */
background-size: cover;

除了這些常見的屬性值，我們還可以使用具體的像素或百分比數值來指定圖片的尺寸。

綜上，通過合理運用CSS中的圖片平鋪和拉伸，我們可以為網站的UI設計增加更多的靈活性和美觀性。