CSS中的背景圖是一種常見的設計元素，經常用于網頁的背景裝飾。在實際應用中，我們常常需要將背景圖設置為某個容器的背景，而使圖像完全鋪滿該容器，如div等。本文將介紹如何使用CSS實現背景圖鋪滿div的效果。 首先，在div的CSS樣式中，我們需要使用background-image屬性來設置背景圖像。例如，下面的代碼可以實現在div內放置一張固定的背景圖像：

div {
background-image: url('bg.jpg');
}

但是，由于背景圖像默認是以平鋪方式在div內進行展示的，與div的大小并不完全匹配，因此需要進行進一步的處理。 其次，在CSS中，我們可以使用background-size屬性來調整背景圖像的大小適應div的大小。一般來說，我們可以將background-size設置為cover，這樣背景圖像就會按比例拉伸或縮小，以完全覆蓋整個div，代碼如下：

div {
background-image: url('bg.jpg');
background-size: cover;
}

此外，也可以使用background-position屬性來調整背景圖像在div內的位置。例如，設置為center中心對齊，代碼如下：

div {
background-image: url('bg.jpg');
background-size: cover;
background-position: center center;
}

最后，我們需要注意一些細節。當將背景圖像完全展示在div內時，它可能會變得模糊或失真，這時可以使用高清背景圖像來解決這個問題，但是需要注意圖片大小和下載速度 。此外，背景圖像需要和文本、其他元素進行良好的對齊，以確保網頁的可讀性和可用性。 總之，使用CSS來實現背景圖像鋪滿div是一種簡單而有效的網頁設計技巧。通過設置background-size和background-position屬性，我們可以輕松實現各種不同風格的背景圖像效果，為網頁增添美觀的視覺效果，為用戶帶來更好的視覺體驗。