CSS是一門用于網頁樣式設計的語言，它可以控制網頁元素的樣式、布局、字體、顏色等多個方面。其中，底部顏色樣式是控制網頁底部顏色的一種方法，它可以讓網頁看起來更加美觀、清晰。

/* 底部顏色樣式的寫法 */
footer {
background-color: #333;
color: #fff;
padding: 20px;
}

在上面的代碼中，我們使用了footer標簽來表示網頁底部區域，然后通過CSS來設置底部區域的顏色、字體顏色、內邊距等。其中，background-color表示背景顏色，#333是一種黑灰色，可以根據自己的需要來設置顏色；color表示字體顏色，#fff為白色，這樣可以讓底部區域的文字更加清晰易讀；padding表示內邊距，這里設置為20px，可以讓底部區域與網頁內容之間保持一定的距離。

除了上面的基本寫法之外，我們還可以通過其他方法來設置底部顏色樣式。比如說，我們可以使用線性漸變效果來讓底部顏色變得更加豐富多彩。下面是一段使用線性漸變效果的代碼：

/* 底部線性漸變顏色樣式的寫法 */
footer {
background-image: linear-gradient(to right, #333, #666, #999);
color: #fff;
padding: 20px;
}

在上面的代碼中，我們使用了background-image屬性來添加了一個線性漸變背景。其中，to right表示漸變的方向是從左到右，#333、#666、#999分別表示漸變的起始顏色、中間顏色、結束顏色。

通過上面的介紹，我們知道了如何使用CSS來設置網頁底部顏色樣式。在實際應用中，我們可以根據自己的需求來選擇不同的樣式效果，以達到最佳的視覺效果。