CSS是網頁開發中不可缺少的一部分，除了設置布局和排版，其也負責美化網頁，其中顏色設置是其最常用的特性之一。下面將介紹如何使用CSS設置顏色的覆蓋。

#example{
color: red;
background-color: blue;
}

上述代碼演示了如何設置一個id為“example”的元素的顏色和背景顏色。在CSS中，顏色屬性可以采用十六進制、rgb、rgba等方式表示。顏色屬性值也可以繼承自其父元素或瀏覽器的默認值。

當設置多個元素的顏色時，可能會出現某些元素顏色被其他元素覆蓋的情況。這時，可以使用CSS的z-index屬性來調整元素間的疊放順序。具體來說，z-index的數值越大，該元素就會越靠前，覆蓋其他元素。下面是一個簡單的例子：

#example1{
z-index: 2;
}
#example2{
z-index: 1;
position: relative;
top: -10px;
}

上述代碼演示了如何通過z-index來調整元素的層級關系。在這個例子中，id為“example2”的元素設置了一個相對定位，并且用top屬性使其下移10像素。同時，由于該元素的z-index值較小，因此會被id為“example1”的元素覆蓋。但是，通過改變z-index值，就可以將“example2”元素移至最上層，達到顏色覆蓋的效果。

總結起來，CSS中顏色的設置和調整元素的層級關系可以幫助我們實現網頁中元素顏色的覆蓋。這些特性雖然簡單，但是在網頁美化方面作用不可小覷。