CSS3為網頁設計帶來了很多新的特性，其中就包括了可以在網頁中加入音樂的功能。通過CSS3的屬性和選擇器，我們可以在頁面中嵌入各種類型音頻文件，比如MP3、OGG和WAV等格式。

.audio-wrapper {
position: relative;
height: 40px;
margin-top: 10px;
}
.audio-wrapper audio {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: none;
}
.audio-wrapper .play-pause-button {
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 40px;
background-color: #fff;
border: 1px solid #ccc;
text-align: center;
line-height: 40px;
cursor: pointer;
}
.audio-wrapper .play-pause-button:before {
content: "\25BA";
font-size: 20px;
font-weight: bold;
}
.audio-wrapper .play-pause-button.pause:before {
content: "\2590\2590";
}

上述代碼中，我們使用了CSS3屬性position來設置音頻播放器的位置，選擇器.audio-wrapper作為包含器用來包裹音頻文件和控制按鈕，使用了絕對定位的方式來把音頻和按鈕放到一起。

同時，使用一個play-pause-button來控制音頻文件是否播放，該按鈕默認顯示播放符號，如果音樂文件正在播放，則變成暫停符號。

在HTML中使用

通過CSS3的樣式與Javascript的邏輯結合，可以實現一個簡單的音頻播放器。除了上述代碼實現的基本功能外，我們還可以添加更多的特色功能，比如播放進度條等。

CSS3為網頁設計帶來了很多強大的特性，開發人員可以通過不斷學習和實踐，不斷提高網頁的用戶體驗。