HTML 是一種標記語言，可以用來創建網頁。其中，背景圖片是網頁設計中不可或缺的一部分。在使用背景圖片時，我們可能需要設置其大小，本文將介紹如何實現。 在 HTML 中，通過 CSS 樣式來設置背景圖片的大小。首先，我們需要添加一個樣式表，代碼如下：

<style type="text/css">
body {
background-image: url("背景圖片的路徑");
background-size: 寬度 像素值 高度 像素值;
}
</style>

在上述代碼中，我們需要設定背景圖片的路徑，例如：

background-image: url("https://example.com/background.jpg");

接著需要設置背景圖片的大小，其中，寬度和高度可以使用像素值來設定（px），也可以使用百分比（%）。以下是常見的設置方式： 1. 固定寬高，例如：

background-size: 200px 300px;

2. 只設定寬度，高度自適應，例如：

background-size: 200px auto;

3. 只設定高度，寬度自適應，例如：

background-size: auto 300px;

4. 使用百分比，例如：

background-size: 50% 50%;

另外，我們可以使用 cover 和 contain 兩個屬性值來調整背景圖片的大小。 cover 表示將背景圖片縮放到完全覆蓋元素，可能會有裁剪或拉伸，例如：

background-size: cover;

contain 表示將背景圖片縮放到完全包含元素，可能會有留白，例如：

background-size: contain;

需要注意的是，背景圖片的大小會受到瀏覽器窗口大小的影響。當瀏覽器窗口大小改變時，背景圖片也會自適應調整大小。如果希望在不同的屏幕尺寸下都有良好的顯示效果，建議使用響應式設計。 總之，通過 CSS 樣式可以輕松地調整背景圖片的大小，讓網頁設計更加自由靈活。