CSS是網(wǎng)站設計中最常用到的語言之一，其中之一的功能就是設置背景顏色和位置。下面我們一起來了解一下如何運用CSS實現(xiàn)這個功能吧！

/* 設置背景顏色 */
body {
background-color: #f2f2f2; /* 設置背景顏色為灰色 */
}
/* 設置背景位置 */
#header {
background-image: url("header.jpg"); /* 設置背景圖片 */
background-repeat: no-repeat; /* 防止背景重復 */
background-position: center top; /* 將背景圖片放在頂部居中位置 */
}

如上代碼所示，我們首先使用 body {background-color: #f2f2f2;} 來設置頁面的背景顏色。其中 #f2f2f2 是灰色的十六進制值，你可以根據(jù)需要更改顏色。

接著，我們使用 #header {background-image: url("header.jpg");} 來添加背景圖片。注意，我們用了相對路徑 “header.jpg”，這意味著圖片應該和HTML文件在同一個目錄下或者在一個相對位置下。接著，我們使用 background-repeat: no-repeat; 來防止圖片的重復。最后，我們使用 background-position: center top; 將背景圖片放在頂部的中央位置。

總之，CSS是一個非常有用的語言，使你輕松實現(xiàn)網(wǎng)頁的各種效果。上述代碼只包含了設置背景顏色和位置的最基本功能，你可以通過不同的屬性值和組合實現(xiàn)更多樣化的設計效果。希望這篇文章能幫助你更好地學習CSS，達到更好的設計效果！