現在，網頁背景圖片的使用變得越來越普遍了。例如，水滴石的背景，星空、天空的背景等等…但是，在傳統的HTML中，為背景添加圖片是比較麻煩的。

隨著CSS越來越流行，背景圖片的處理也變得更簡單和靈活了。讓我們一起看看CSS如何實現背景圖片。

body {
/* 給背景添加顏色，以確保在背景圖片未完全加載前顯示 */
background-color: #eaeaea;
/* 設置背景圖片，同時指定背景重復模式 */
background-image: url('example.png');
background-repeat: no-repeat;
/* 指定背景大小 */
background-size: 100%;
}

在上面的例子中，我們通過background-image屬性指定了背景圖片，并通過background-repeat屬性指定背景重復模式。

background-size屬性允許我們根據需要調整圖片的大小。例如：background-size: cover;將盡最大努力填充整個背景區域，同時保持圖片的縱橫比例。如果您想讓圖片保持原始大小，請使用值auto.

background-position屬性允許我們調整背景圖片的位置。默認值為center center. 如果您想將圖片置于左上角，則可以使用background-position: top left;。

因此，使用CSS實現背景圖片是非常簡單和靈活的一個方法。只要您適當地使用background-image,background-size,background-repeat,以及background-position屬性，您就可以輕松地實現美麗的背景圖像。