CSS線性漸變是一種在Web開發中常用的效果，它可以在元素的背景中使用四種不同顏色來漸變。下面我們將使用pre標簽來展示實現該效果的代碼。

background: linear-gradient(to right, red, yellow, green, blue);

上面的代碼中，linear-gradient是使用CSS實現線性漸變的函數，to right表示顏色漸變的方向是從左到右，red、yellow、green、blue表示色調。若想從右到左或者從上到下漸變，只需將代碼中的to right替換為to left或to bottom即可。

background: linear-gradient(to bottom left, red, yellow, green, blue);

此時，顏色漸變的方向是從右上角到左下角。

除了改變方向，我們還可以調整顏色漸變的起點和終點：

background: linear-gradient(90deg, red 0%, yellow 30%, green 60%, blue 100%);

代碼中使用的90deg表示漸變的方向是從上到下，同時我們指定了起點和終點的位置和顏色。0%表示起點為紅色，30%為黃色，60%為綠色，100%為藍色。

最后，如果您想在元素的前景上使用四種顏色的漸變效果，可以修改代碼：

background: -webkit-linear-gradient(red, yellow, green, blue);
background: -moz-linear-gradient(red, yellow, green, blue);
background: linear-gradient(red, yellow, green, blue);

這樣，您就可以在瀏覽器中看到元素前景色從紅色漸變到藍色的效果了。