在CSS中，定位是一種重要的技術，它可以控制元素在頁面上的位置。通過設置元素的position屬性為absolute或fixed，可以使元素脫離文檔流，可以自由移動到頁面的任意位置。而且，CSS還提供了一種設置背景顏色的方法，讓我們可以輕松地給元素設置背景色。

我們可以使用CSS的background-color屬性來設置元素的背景顏色。例如：

button {
background-color: #ff0000;
color: #ffffff;
}

上面的代碼給“button”元素設置了紅色的背景色，以及白色的字體顏色。這個語法非常簡單，只需要設置background-color屬性就可以了。

但是，如果我們想在元素的位置發生變化時更改背景顏色，該怎么辦呢？

其實很簡單，只需要在元素的CSS代碼中添加響應式的定位，就可以實現在不同位置設置不同顏色的效果。比如：

button {
background-color: #ff0000;
color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

這個代碼片段中，我們給“button”元素設置了absolute定位，并且將它放置在頁面的中心位置。同時，我們使用了CSS3的transform屬性來將這個元素向左和向上移動50%。

現在，如果我們想在元素不同的位置設置不同的背景色，只需要在CSS代碼中更改background-color屬性就可以了。這是因為我們已經將元素的位置設置為相對坐標。所以，無論元素在頁面上的哪個位置，它都會遵循相對坐標的原則。

總之，在CSS中，我們可以使用定位和背景顏色這兩種技術來實現多種多樣的效果。只需要了解它們的基本語法和使用方法，就可以創造出美麗、靈動、生動的頁面效果。