背景圖是網頁設計中常用的元素，可以讓頁面變得更加活躍和吸引人。在定義背景圖時，我們還需要考慮尺寸的問題。在css中定義背景圖的尺寸，可以使用background-size屬性。 首先，我們需要了解background-size屬性的使用方法。該屬性可以取兩個值，分別為長度值和百分比值。長度值表示背景圖應該被縮放到的寬度和高度的具體長度。而百分比值則表示背景圖應該占據容器的百分比。 如果我們想要將背景圖拉伸到與容器完全匹配，可以這樣定義：

div {
background-image: url('bg.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
}

在這個例子中，我們使用了100%作為寬度和高度的值，表示讓背景圖充滿整個容器。 如果我們想要背景圖只占據容器的一部分，可以使用百分比值：

div {
background-image: url('bg.jpg');
background-repeat: no-repeat;
background-size: 50% 50%;
}

在這個例子中，我們將寬度和高度都設置為50%，表示背景圖應該只占據容器的一半。 除了長度值和百分比值之外，background-size屬性還可以取cover和contain兩個值。cover表示背景圖應該被拉伸到可以完全覆蓋容器的尺寸，而contain則表示背景圖應該縮放到可以完全顯示在容器內。 綜上所述，通過background-size屬性可以輕松地控制背景圖的尺寸，實現更加精美的頁面設計。