在網頁設計中，背景顏色的運用是非常重要的一環。如果只是使用純色的背景，頁面會顯得單調乏味，缺乏足夠的美感。因此，在許多情況下，使用漸變的背景顏色能夠增強頁面的視覺效果，提升用戶的體驗。下面，我們就來學習一下如何使用 CSS 實現背景顏色由下至上的漸變效果。

background: linear-gradient(to top, #FF725E, #FFD700);

在上面的代碼中，我們通過linear-gradient屬性設置顏色漸變，to top表示顏色漸變的方向是由下至上，從而實現了想要的效果。其中，#FF725E和#FFD700是顏色值，可以根據自己的需求進行調整。

此外，如果要設置多個顏色值進行漸變，則可以按照以下方式操作：

background: linear-gradient(to top, #FF725E, #FFD700, #1E90FF);

上面的代碼中，我們使用了三個顏色值，分別是#FF725E、#FFD700和#1E90FF，它們的漸變方向與前面的代碼一樣，由下至上。

總的來說，CSS 背景顏色由下至上的漸變效果非常簡單易實現，只需使用linear-gradient屬性來設置漸變方向和顏色值即可。同時，也可以根據具體需求自定義設置多個顏色值實現更豐富的視覺效果。