在網頁中，嵌入音樂是一種很酷的方式來增加用戶的體驗。使用CSS來插入音樂非常方便。下面請看示例代碼：

/*定義音樂嵌入區域的樣式*/
#music {
width: 200px;  /*這里設置寬度和高度可以根據自己的需要調整*/
height: 60px;
background-color: #f0f0f0;
text-align: center;
line-height: 60px;
}
/*定義音樂播放按鈕的樣式*/
#play_btn {
display: inline-block;
width: 45px;
height: 45px;
background: url('play.png') no-repeat center;  /*這里的play.png是播放按鈕的圖片*/
background-size: cover;
cursor: pointer;
}
/* 當播放按鈕被按下時的樣式 */
#play_btn.active {
background: url('pause.png') no-repeat center; /*pause.png是暫停按鈕的圖片*/
}
/*在頁面中插入音樂嵌入區域*/
<div id="music">
<audio id="audio_player" src="music.mp3" preload="auto"></audio>
<div id="play_btn" onclick="togglePlay()"></div>
</div>
/*定義Javascript函數來控制音樂播放*/
function togglePlay() {
var audioPlayer = document.getElementById("audio_player");
var playBtn = document.getElementById("play_btn");
if (audioPlayer.paused) {
audioPlayer.play();
playBtn.classList.add("active");
} else {
audioPlayer.pause();
playBtn.classList.remove("active");
}
}

使用這些代碼，就可以在您的網頁中插入音樂并控制它。它可以讓您的網頁更加生動有趣，同時還能為用戶帶來更加出色的體驗。