CSS的背景圖像屬性是一種非常常用的屬性。這個屬性可以用兼容性良好、加載速度快的方式來展示背景圖像。而在 CSS 的背景圖像中，有一個屬性被稱為 background-size，可以用來指定背景圖像的尺寸。

background-size: 100px 100px;

background-size屬性可以接受一個或兩個參數值，分別用來指定背景圖像的寬度和高度。這些值可以是以像素為單位的整數、用百分比表示的寬度和高度，以及 cover 和 contain。

background-size: cover;

使用cover值將會讓背景圖片充滿整個元素，同時保持它的長寬比例。這可能會導致圖片截取或縮放，使得圖片較小的一邊會被放大以填充整個元素，另一邊可能被裁剪掉。

background-size: contain;

相反，contain值通常用于完整的顯示背景圖像，在盡可能不變形的情況下縮放背景圖片以適應元素。這個時候，如果元素比背景圖片較寬，則圖片會占據元素的全部寬度，但可能不會占據全部高度。反之，如果元素比背景圖片較高，則圖片會占據元素的全部高度，但可能不會占據全部寬度。

背景圖片的大小是在 CSS 的關鍵字之一，對開發者來說非常實用。使用不同的background-size值，可以為元素提供不同的視覺體驗，使得設計更加靈活性和可控性。