CSS是一種非常強大的樣式語言，它可以控制網頁的外觀和布局。其中一個實用的功能是添加背景圖像。

/* 在CSS文件中添加背景圖像 */
body {
background-image: url("example.jpg");   /* 背景圖片的URL */
background-repeat: no-repeat;           /* 防止重復 */
background-position: center center;     /* 圖片在容器中的位置 */
background-attachment: fixed;           /* 圖片固定不動 */
background-size: cover;                 /* 容器尺寸調整圖像大小 */
}

在這個例子中，我們將背景圖片添加到body元素。

首先，我們使用background-image屬性來指定圖像的URL。在這個例子中，該圖像被稱為"example.jpg"，位于CSS文件所在的同一目錄中。

要避免圖像重復，我們使用background-repeat屬性并將其設置為"no-repeat"。

接下來，我們可以使用background-position屬性來指定圖像在容器中的位置。在這個例子中，我們將圖像位置設置為中心，這意味著圖像將位于容器的中央。

要使圖像固定不動而不隨滾動而移動，我們可以將background-attachment屬性設置為"fixed"。

最后，我們可以使用background-size屬性來調整圖像的大小以適應容器的大小。在這個例子中，我們將background-size設置為"cover"，這將使圖像自適應容器的大小并覆蓋整個容器。

通過使用這些CSS屬性，您可以添加漂亮的背景圖像來增強您的網頁外觀。