在前端開發中，CSS 是非常重要的一部分。它可以控制網頁的外觀和布局，其中一個重要的功能就是為網頁添加背景圖片。如果你剛剛開始學習 CSS ，那么這里有一篇關于 CSS 圖片背景的菜鳥教程，幫助你更好地理解。

首先，要在 CSS 中添加背景圖片，需要用到 background-image 屬性。它的基本語法如下：

background-image: url("圖片路徑");

其中的 "圖片路徑" 是你要添加的圖片的鏈接或路徑。

如果你想要將圖片平鋪在整個元素中，可以使用 background-repeat 屬性。它有四個可選值：repeat, repeat-x, repeat-y 和 no-repeat 。repeat 表示圖片在水平和垂直方向上都平鋪，repeat-x 和 repeat-y 表示只在水平或垂直方向上平鋪，no-repeat 則表示不鋪平。

background-repeat: repeat-x;

除了平鋪圖片，你還可以通過 background-position 屬性來控制圖片在元素中的位置。這個屬性有兩個值：橫坐標和縱坐標，分別可以用百分比、像素或關鍵字（如 left, right 和 center 等）來表示。

background-position: 50% 50%;

最后，你可以使用 background-size 屬性來控制圖片的大小。這個屬性可以使用像素、百分比或關鍵字（如 cover 或 contain ）來表示。cover 表示圖片將填滿整個元素，而 contain 表示圖片將在元素中居中，并保持其原始大小。

background-size: cover;

這些是 CSS 圖片背景的基礎知識。通過這些屬性，你可以輕松地添加、平鋪、定位和調整你的背景圖片。