CSS是一門用來修飾HTML文本的語言，其中包含了很多的屬性和方法。其中，我們可以利用CSS來給HTML添加聲音的效果。

/* 定義音頻控制器 */
audio {
display: none; /* 隱藏控件 */
}
/* 定義按鈕 */
.play-button {
background-image: url("play.png");
background-position: center center;
background-size: cover;
width: 30px;
height: 30px;
cursor: pointer;
}
/* 鼠標懸停效果 */
.play-button:hover {
background-image: url("play-hover.png");
}
/* 綁定點擊事件 */
.play-button:active {
background-image: url("play-active.png");
/* 創建新的音頻對象 */
var audio = new Audio("music.mp3");
/* 播放音頻 */
audio.play();
}

上述代碼定義了一個音頻控制器和一個播放按鈕。當用戶點擊播放按鈕時，會創建一個新的音頻對象并播放指定音頻。

需要注意的是，上述代碼只是實現基本的音頻播放功能，如果需要實現更復雜的音頻效果，建議使用專業的音頻庫或開發自己的音頻引擎。