CSS 背景圖向下平鋪是一種常用的樣式設計技巧，可以使得網站的背景圖像能夠向下平攤開來，讓整個頁面更加美觀和舒適。在本文中，我們將探討如何使用 CSS 背景圖向下平鋪來創建漂亮的網站頁面。

CSS 背景圖向下平鋪的原理是通過設置背景圖片的 `height` 和 `width`，將其設置為 `0`，然后將 `background-position` 屬性設置為垂直方向向下，將背景圖片平攤到整個頁面上。通過這種方式，背景圖片不會占據頁面的太多空間，同時也不會影響頁面的排版和布局。

下面是一個使用 CSS 背景圖向下平鋪的簡單示例：

background: url('background.jpg') no-repeat center center fixed;

background-size: cover;

background-position: 0 auto;

在這個示例中，我們使用了 `background-size` 屬性來設置背景圖片的大小，并將其設置為 ` cover`。`background-position` 屬性用來設置背景圖片的位置，這里我們將它的值設置為 `0 auto`，表示背景圖片將垂直向下平攤整個頁面。

通過這種方式，我們可以輕松地創建出漂亮的網站頁面，而且不會對頁面的排版和布局造成太大的影響。當然，在實際使用時，我們還需要根據自己的需要進行一些調整，比如調整背景圖片的大小、位置和顏色等。

CSS 背景圖向下平鋪是一種非常實用的樣式設計技巧，可以使網站頁面更加美觀和舒適。我們可以使用 CSS 背景圖向下平鋪來創建出各種不同類型的網站頁面，讓你的網站更加吸引人。