CSS是一種用于網頁設計和制作的樣式表語言，其中包含了很多有用的屬性和值。其中一個常用的屬性就是background, 可以用來設置網頁中某個元素的背景。而在該屬性中，background-image可以用來設置圖片作為該元素的背景。

.demo {
background-image: url('example.jpg');
}

但是，有時候圖片的大小和元素的大小并不一致，這時候我們可以使用background-size屬性來解決這個問題。該屬性可以用來設置背景圖片的大小，可以設置具體的像素值，也可以使用類似于cover、contain這樣的幾個關鍵詞，對于不同的情況采用不同的處理方式。

.demo {
background-image: url('example.jpg');
background-size: cover; /* 或者 background-size: contain; */
}

而有時候我們并不想要顯示整個圖片，而只是想顯示圖片的某個區域，這時候我們可以使用background-position屬性。該屬性可以用來設置背景圖片的顯示位置，可以設置具體的像素值，也可以使用類似于top、bottom、left、right、center這樣的關鍵詞，對于不同的情況采用不同的處理方式。

.demo {
background-image: url('example.jpg');
background-size: cover;
background-position: center;  /* 或者 background-position: 50% 50%; */
}

總的來說，使用CSS的background屬性可以非常方便的將一張圖片作為元素的背景，而使用background-size和background-position可以進一步控制圖片的大小和顯示位置，達到更好的效果。