在網頁中加入背景音樂或者音效是讓網頁更加生動有趣的一種方式。那么，如何利用 CSS 在網頁中插入音頻呢？ 首先，我們需要在 HTML 中創建一個音頻標簽，如下所示：

<audio src="song.mp3" controls>
您的瀏覽器不支持音頻播放。
</audio>

上面這段代碼中，`<audio>` 標簽用于嵌入音頻文件。`src` 屬性表示音頻文件的位置，`controls` 屬性添加了控制按鈕，可以讓用戶對音頻進行操作。對于那些不支持 HTML5 的瀏覽器，`<audio>` 標簽內的提示信息將會被顯示出來。 接下來，我們需要為音頻樣式增加一些 CSS 代碼。 在 CSS 中，可以利用 `background` 屬性或 `::before`，`::after` 偽元素來插入背景音樂或音效，但是這些方式有時候會存在一些不兼容問題，因此有一個更為簡單直接的方式：利用 `::after` 偽元素中的 `content` 屬性來添加嵌入音頻的鏈接。 利用偽元素 `::after` 嵌入音頻：

p::after {
content: url(./song.mp3);
display: none;
}

這段代碼中，我們利用 `content` 屬性嵌入了音頻文件，并且利用 `display: none` 隱藏了該元素，以防出現不必要的干擾。除此之外，您也可以利用其他一些樣式來修改音頻的播放效果，如設置 `position`，`z-index` ,`opacity` 等屬性。 通過以上的方式，您就可以在 CSS 中輕松地嵌入音頻了。當然，需要注意的是，在使用這種方式時，應該注意音頻文件的大小和格式，以便更好地優化頁面加載速度。