CSS是一種用于網頁排版的語言，與HTML一樣，它可用于在網頁中放置內容和圖片。在設計網站時，一種非常重要的技術是將內容和圖片分開，因為這樣可以使網頁更容易維護和修改。 在HTML中，我們可以通過使用img標簽來添加圖片：

<img src="example.jpg" alt="Example">

在CSS中，我們可以使用background屬性來添加背景圖片：

body {
background-image: url("example.jpg");
}

使用CSS來添加背景圖片有許多好處，其中之一是我們可以使用background-repeat屬性來控制圖片的重復方式。如果我們不想讓圖片重復，并希望它居中，可以使用background-position屬性：

body {
background-image: url("example.jpg");
background-repeat: no-repeat;
background-position: center;
}

另一個使用CSS來添加背景圖片的好處是，我們可以很容易地更改背景圖片，而不需要在HTML中修改每個頁面的圖片地址。 當然，使用CSS來添加圖片并不是完美的解決方案。如果需要使用圖片的特定位置來放置文本或其他內容，我們就需要使用img標簽來確保它們在正確的位置。 總之，將內容和圖片分開是一種很好的實踐，可以讓網站更加易于維護和修改。在設計網站時，我們應該優先考慮使用CSS來添加背景圖片，并在必要時使用img標簽來確保我們的內容和圖片在正確的位置。