CSS設計中，使用圖片作為背景填充是一種常見的技巧，可以為網頁增添更多的細節和設計感，讓頁面更加生動有趣。

.bg-img {
background-image: url("image.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

在上述代碼中，我們通過選擇器選中了一個類名為“bg-img”的元素，將其背景填充為一張名為“image.jpg”的圖片。我們還設置了圖片的尺寸、位置和重復方式。

在實際項目中，我們可以通過更改不同的圖片和設置不同的屬性值，來設計出個性化的背景圖片。同時，我們還可以結合其他的CSS屬性來進一步美化頁面。

.bg-img {
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("image.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

上述代碼中，我們添加了漸變背景效果，并通過設置半透明度的黑色漸變層，增強了圖片的視覺層次感。

需要注意的是，在使用背景圖片進行設計時，我們要注意圖片的質量和大小，以免影響頁面的加載速度和用戶的體驗。同時，還需要考慮圖片的版權問題，避免侵犯他人的權益。