在網頁中，背景是一個不可或缺的部分，它可以提高網頁的整體美觀度。在css中，我們可以使用background-size屬性來設置背景圖片的大小。 要設置背景圖片的大小，我們首先需要知道background-size屬性可以使用的幾種值。background-size屬性可以使用以下五個值： 1. cover：該值會盡可能的擴展背景圖片，以覆蓋整個容器。 2. contain：該值會讓背景圖片等比例縮放，直到完全顯示在容器中。 3. auto：該值會使背景圖片按照原始大小顯示。 4. length值：該值可以是像素(px)、百分比(%)、非負數字等，例如：background-size: 500px 300px; 表示設置背景圖片的寬度為500像素，高度為300像素。 5. percentage值：該值表示原始圖片大小的百分比，例如：background-size: 50% 80%; 表示將背景圖片縮小至原來的50%寬度和80%高度。 下面是一些例子，展示如何設置背景圖片的大小： pre { background-image: url('background.jpg'); background-size: cover; } pre { background-image: url('background.jpg'); background-size: contain; } pre { background-image: url('background.jpg'); background-size: auto; } pre { background-image: url('background.jpg'); background-size: 500px 300px; } pre { background-image: url('background.jpg'); background-size: 50% 80%; } 總之，使用background-size屬性設置背景圖片的大小可以讓您更加靈活地控制頁面的美觀度，同時更好地滿足您的需求。