CSS3最新版本提供了很多新的漸變顏色方案，當中就有從從下向上漸變的方案，很適合用在一些背景色需要產生漸變效果的場合。使用CSS3中的linear-gradient屬性可以輕松實現從下向上漸變的顏色效果。

background: linear-gradient(to top, #ffffff, #000000);

其中，to top表示從下往上漸變，#ffffff是起點顏色，#000000是終點顏色。如果需要增加更多中間的顏色，只需要在中間添加逗號隔開即可。

background: linear-gradient(to top, #ffffff, #ff0000, #000000);

在代碼中，也可以針對不同的元素設置不同的從下向上漸變效果，只需要把CSS中的選擇器指定到相應的元素上即可。

body {
background: linear-gradient(to top, #ffffff, #000000);
}
h1 {
background: linear-gradient(to top, #0000ff, #ffffff);
}

如此一來，body背景色將從白色漸變到黑色，而h1標簽的背景色將漸變從藍色到白色。這樣就可以實現不同元素之間的漸變顏色效果。