CSS是網頁設計中最重要的一部分，它允許我們為頁面的樣式和布局提供準確的控制。CSS中不僅包含了一些常見的屬性，還有許多鮮為人知的技巧。其中之一便是通過CSS繪制光譜曲線。

.spectrum {
width: 250px;
height: 250px;
background: linear-gradient(#f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);
background-size: 1400% 1400%;
animation: spectrum 10s linear infinite;
}
@keyframes spectrum {
0% {
background-position: 0 0;
}
100% {
background-position: 1400% 0;
}
}

上面的代碼片段展示了如何使用CSS繪制光譜曲線。該段代碼使用漸變背景和CSS動畫來創建光譜效果。首先，我們定義了一個名為spectrum的CSS類。該類定義了寬度和高度，并將背景設置為線性漸變。

漸變的顏色由紅、黃、綠、青、藍、紫組成，并在結束時又回到了紅色。我們通過設置背景大小為1400% x 1400%使其變得更加自然，并讓其適應不同大小的屏幕。

最后，我們添加了一個動畫，名稱為spectrum，持續時間為10秒。在每次動畫播放時，我們將背景位置從0%移動到1400%。這樣，就可以無限循環地繪制出光譜曲線效果。

使用CSS繪制光譜曲線是一種獨特的方式來增強網頁設計。通過利用CSS漸變和動畫功能，我們可以創造出更多的驚喜和樂趣，并讓用戶感受到頁面的無限可能。