CSS可以實現多色線條，這讓網頁設計的顏色元素更加豐富。最簡單的實現方式是使用CSS的linear-gradient函數。下面是用CSS實現多色線條的代碼：

.multi-color-line {
background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
height: 10px;
width: 300px;
}

上面的代碼使用了to right參數來實現從左到右的漸變。red、orange、yellow、green、blue、indigo、violet是用逗號分隔的不同顏色值。這里可以自行調整顏色的數量和漸變方式，生成自己的多色線條。

為了防止不同瀏覽器之間的差異，建議使用CSS屬性的前綴。下面是在包括webkit、moz、o和ms前綴的代碼：

.multi-color-line {
background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
background: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
background: -o-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
background: -ms-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
height: 10px;
width: 300px;
}

以上就是CSS實現多色線條的方法。在網頁設計時，可以應用這種CSS技巧，使得網頁變得更加炫彩。