CSS背景圖填充方式是網頁設計中非常重要的一個方面。它可以影響網頁的美觀度和用戶體驗。本文將向你介紹基本的背景圖填充方式，幫助你更好地設計網頁。

/* 下面是樣式代碼 */
background-repeat: repeat-x;
background-repeat: repeat-y;
background-repeat: no-repeat;
background-size: cover;
background-size: contain;
background-position: center;

首先，我們要理解背景圖的重復方式。CSS提供了三種不同的背景圖重復方式，分別是repeat、repeat-x和repeat-y。其中repeat是默認值，背景圖會在水平和垂直方向上重復出現。repeat-x只在水平方向上重復，而repeat-y則只在垂直方向上重復。

如果你希望背景圖只出現一次，可以使用no-repeat。這樣，背景圖將不會出現重復。接著要介紹的是background-size，這個屬性可以控制背景圖的大小。cover會自適應背景元素的大小，盡可能填充滿整個背景元素。而contain則會等比例縮放背景圖，在保持完整的情況下填充整個背景元素。

最后是background-position。這個屬性可以控制背景圖的位置。常用的值有left、right、center、top和bottom。如果你使用數字，也可以自定義背景圖的位置。例如，使用background-position: 20px 40px，表示背景圖離左側20像素，離頂部40像素。

通過對這些屬性的學習，可以更好地掌握CSS背景圖填充方式，從而設計出精美的網頁。