HTML5中的音頻元素 <audio> 自帶一些默認的播放控件，不過我們可以通過CSS來自定義它們的樣式。

在CSS中，我們使用

<audio>::-webkit-media-controls

選擇器來指定樣式。這個選擇器會選中所有媒體控件，包括音量、播放控制和進度條。

下面是一個CSS樣式示例：

audio::-webkit-media-controls {
background-color: #F9F9F9;
color: #222222;
border-radius: 5px;
}
audio::-webkit-media-controls-play-button {
background-image: url(play_button.png);
}
audio::-webkit-media-controls-volume-slider {
width: 150px;
}

代碼中，我們指定了控件的背景顏色、文本顏色、邊框半徑等屬性。同時，我們還定義了播放按鈕的背景圖片以及音量滑塊的寬度。

需要注意的是，這些CSS樣式只在使用Webkit瀏覽器（如Chrome、Safari）時才能生效。如果你希望你的網站也能兼容其他瀏覽器，你需要根據瀏覽器的不同寫不同的CSS代碼。