標題：CSS 背景圖片放小

CSS 是用于創建網頁樣式的語言，其中包含了許多用于控制網頁元素的樣式規則。其中之一是背景圖片的放置。有時候，我們需要將背景圖片放大或者縮小，以適應網頁的大小。在這篇文章中，我們將探討如何使用 CSS 將背景圖片放大或縮小。

背景圖片是網頁的重要組成部分，可以提供網頁的配色方案和布局。如果背景圖片過大，可能會影響網頁的瀏覽體驗。因此，我們需要使用 CSS 將背景圖片縮小。

使用 CSS 縮放背景圖片的方法有兩種。一種是通過 background-size 屬性，另一種是通過 background-position 屬性。

通過 background-size 屬性縮放背景圖片

background-size 屬性可以控制背景圖片的大小。我們可以選擇像素值(例如 100% 或 200%)，也可以使用百分比值(例如 50% 或 100%)。以下是使用 background-size 屬性將背景圖片縮小的示例代碼：

background-size: 100% 50%;

在這個示例中，我們將背景圖片的大小設置為 100% 并使用 50% 的比例將背景圖片縮小。

通過 background-position 屬性縮放背景圖片

background-position 屬性可以控制背景圖片的位置。我們可以選擇相對位置(例如 top、bottom、left、right)，也可以使用絕對位置。以下是使用 background-position 屬性將背景圖片縮小的示例代碼：

background-position: top center;

在這個示例中，我們將背景圖片的位置設置為 top center，這意味著背景圖片將位于網頁內容的頂部中央。

通過 CSS 可以將背景圖片縮小，以適應網頁的大小。但是，我們需要小心處理背景圖片的大小，以確保瀏覽體驗良好。