新功能！我的 44 頁電子書「44 分鐘學會 CSS」已經出版！😃

立即取得 →

#background-size

定義背景圖片的大小。

預設值 background-size: auto auto;

背景圖片將維持其原始大小。

例如，此背景圖片大小為960px x 640px。其長寬比為3 比 2。它比其容器（高度為 150px）大，因此將會被裁切。

background-size: 120px 80px;

您可以指定像素大小

  • 第一個值是水平大小
  • 第二個值是垂直大小

background-size: 100% 50%;

您也可以使用百分比值。請注意，這可能會改變背景圖片的長寬比，並導致意外的結果。

background-size: contain;

關鍵字 contain 會調整背景圖片大小，以確保其保持完全可見。

background-size: cover;

關鍵字 cover 會調整背景圖片大小，以確保元素完全被覆蓋。