CSS 背景中有許多有趣的屬性可以用來改變元素的外觀。例如，background-color 可以改變元素的背景顏色，background-image 可以加入背景圖片。我們可以使用這些屬性來打造出各種各樣的網頁設計，讓網站變得更加美觀。

另外，通過 JavaScript，我們可以在頁面加載時為元素添加背景樣式。可以使用以下代碼來改變元素的背景顏色：

let elem = document.getElementById("myElement");
elem.style.backgroundColor = "blue";

這段代碼首先通過 document.getElementById("myElement") 獲取到指定 ID 的元素，然后使用 .style.backgroundColor 來添加背景顏色樣式。我們可以將這個樣式改為任何顏色，以發揮我們的創造力。

除了改變背景顏色，我們還可以使用 JavaScript 來添加背景圖片。例如，以下示例將在頁面加載時為指定元素添加背景圖片：

let elem = document.getElementById("myElement");
elem.style.backgroundImage = "url('img/background.jpg')";

這個代碼片段首先通過 document.getElementById("myElement") 選中了要添加背景圖片的元素，然后使用 .style.backgroundImage 添加了圖片。注意，在這個代碼片段中，我們在設置圖片路徑時使用了單引號和雙引號。這是因為 background-image 屬性需要用到雙引號將圖片路徑括起來，但是為了防止在路徑中包含單引號出錯，我們在雙引號中加入了路徑。

通過使用 CSS 背景和 JavaScript，我們可以添加各種樣式來美化網站頁面。希望這篇文章能夠對你有所幫助！