在網頁中加入音樂可以為網站增添氛圍和趣味性，接下來我們就來了解一下如何在網頁 CSS 中加入音樂。 首先，我們需要在 HTML 文件中添加一個音頻元素， 代碼如下：

<audio src="path/to/music.mp3" autoplay="autoplay" loop="loop"></audio>

其中，src屬性表示音頻文件的路徑；autoplay="autoplay"表示音頻一旦加載完成后立即播放；loop="loop"則表示音頻在結束后重新循環播放。 接下來，我們可以使用 CSS 樣式來控制音頻元素的大小、位置等等，代碼如下：

<style>
audio {
width: 100%;
height: 50px;
position: fixed;
bottom: 0;
left: 0;
z-index: 9999;
}
</style>

以上代碼中，我們設置了音頻元素的width屬性為 100%，即占據整個屏幕的寬度，高度為 50 像素。我們同時將這個元素的定位設為 fixed，這樣就可以讓它一直處于頁面底部不動。而z-index: 9999;則表示音頻元素的層級最高，可以確保它在其他元素之上。 最后，我們需要在 CSS 中添加一些樣式來美化音頻元素的控制條，代碼如下：

audio::-webkit-media-controls {
display: none !important;
}
audio::-webkit-media-controls-enclosure {
margin-top: 10px;
margin-bottom: 10px;
}
audio::-webkit-media-controls-play-button {
background-color: #333333;
border-radius: 25px;
height: 25px;
width: 25px;
}
audio::-webkit-media-controls-volume-slider-container {
position: relative;
top: -30px;
width: 80%;
}

以上代碼中，我們使用::-webkit-media-controls屬性來控制音頻元素的樣式。通過設置display: none !important;，我們可以隱藏掉默認的控件。接下來，我們設置了一些樣式來自定義控制條、播放按鈕等等。 總結一下，以上就是如何在網頁 CSS 中加入音樂的方法。我們可以在 HTML 文件中添加音頻元素，并通過 CSS 樣式來控制音頻的大小、位置、樣式等等。當然，這只是其中的一種方法，如果你有更好的方式，歡迎分享出來。