CSS 背景圖片填充是網頁設計和開發中一個非常普遍的任務。在大多數情況下，你將需要將一張圖片作為一個元素的背景來填充整個元素。

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

代碼中，我們在一個選擇器中設置了四個背景屬性。第一個屬性指定了背景圖像的URL，第二個屬性設置了背景不要重復，第三個屬性是用來將圖像水平垂直居中的，第四個屬性是用來指定圖片的大小的。

介紹一下每個屬性的作用：

background-image: url("image.jpg");

設置背景圖像的URL。要使用的圖像文件的位置（相對于 HTML 文件）。

background-repeat: no-repeat;

指定重復覆蓋整個背景的圖像是否被允許，no-repeat 表示不重復。

background-position: center center;

絕對元素的中央也是相對于它的父元素，故是 grandparent 的中央。

background-size: cover;

cover 是一個值，用來使背景圖片鋪滿整個元素。如果圖片大小小于元素的寬度和高度，它將會被拉伸以鋪滿元素。

css 背景圖片填充在網站設計中是關鍵的，它使用戶在進入你的網站時最先看到的是一個美麗的背景。了解如何在 HTML 和 CSS 中添加背景圖片可以幫助你更好地控制你的設計，使用戶享受到更好的瀏覽體驗。