本文目錄導讀：

1. 使用CSS的scale()函數
2. 使用CSS的zoom屬性

背景圖片放大CSS

在網頁設計中，背景圖片是不可或缺的元素，它可以讓網頁更加美觀、吸引人，有時我們需要將背景圖片放大，以突出其細節(jié)或展示更多的內容，如何使用CSS來放大背景圖片呢？

使用CSS的scale()函數

CSS的scale()函數可以將元素放大或縮小，我們可以將其應用于背景圖片，將背景圖片放大2倍，可以使用以下代碼：

body {
  background-image: url('path/to/image.jpg');
  transform: scale(2, 2);
}

在上面的代碼中，transform屬性將背景圖片放大了2倍，你可以根據需要調整放大的倍數。

使用CSS的zoom屬性

CSS的zoom屬性也可以用來放大元素，但它與scale()函數有所不同，使用zoom屬性時，元素會保持其原始的長寬比，而不會被拉伸或壓縮，將背景圖片放大1.5倍，可以使用以下代碼：

body {
  background-image: url('path/to/image.jpg');
  zoom: 1.5;
}

在上面的代碼中，zoom屬性將背景圖片放大了1.5倍，你可以根據需要調整放大的倍數。

需要注意的是，使用CSS來放大背景圖片可能會影響網頁的性能和加載速度，因為放大的圖片需要更多的帶寬和計算資源來渲染，在使用CSS放大背景圖片時，需要權衡其效果和性能之間的平衡。