CSS音樂是指使用CSS代碼來制作音樂，這在網頁設計中是一種很有趣的技巧。相比于使用JavaScript或Flash等其他語言或工具制作音樂，使用CSS的好處在于，它是一種非常輕量級的技術，因此不會給網頁加載速度帶來負擔。接下來的示例展示了如何使用CSS來制作一段簡單的旋律。

/* 定義音符的音高 */
@keyframes note1 {
0% {
height: 0;
}
100% {
height: 100px;
}
}
/* 定義音符的時長和間隔 */
.note {
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-delay: 1s;
position: absolute;
width: 10px;
background-color: black;
}
/* 依次播放不同音符 */
.note:nth-child(1) {
animation-name: note1;
}
.note:nth-child(2) {
animation-name: note1;
animation-delay: 1.5s;
}
.note:nth-child(3) {
animation-name: note1;
animation-delay: 2s;
}
.note:nth-child(4) {
animation-name: note1;
animation-delay: 2.5s;
}

代碼中定義了音符的屬性，包括音高、時長和間隔等。接下來，我們可以在HTML文檔中嵌入這些音符：

<div class="note"></div>
<div class="note"></div>
<div class="note"></div>
<div class="note"></div>

在CSS中，我們使用nth-child選擇器來為每一個音符指定不同的延遲時間，從而實現各種不同的音調和節奏。在瀏覽器中加載頁面后，我們可以聽到一段簡單的旋律。

當然，這只是一個簡單的示例。如果你對CSS音樂感興趣，可以深入學習這種技術，掌握更多的屬性，制作出更加復雜、炫酷的音樂效果。