在Web開發中，audio標簽被廣泛應用于媒體播放，而自定義其外觀則需要使用CSS。下面是一些常用的audio自定義CSS樣式：

/* 背景顏色和邊框 */
audio {
background-color: #fff;
border: 1px solid #ccc;
}
/* 播放器控件 */
audio::-webkit-media-controls-panel {
background-color: #f8f8f8;
color: #333333;
}
/* 音量控制條 */
audio::-webkit-media-controls-volume-slider {
background-color: #ccc;
}
/* 音量控制條中的滑塊 */
audio::-webkit-media-controls-volume-slider-thumb {
background-color: #333;
}
/* 進度條 */
audio::-webkit-media-controls-seek-back-button {
background-color: #ccc;
}
/* 暫停/播放按鈕 */
audio::-webkit-media-controls-play-button {
background-color: #333;
color: #fff;
}
/* 停止按鈕 */
audio::-webkit-media-controls-stop-button {
background-color: #ccc;
}

其中，::-webkit-media-controls-panel用于樣式化播放器控件面板，::-webkit-media-controls-volume-slider用于樣式化音量控制條，::-webkit-media-controls-volume-slider-thumb用于樣式化音量控制條中的滑塊，::-webkit-media-controls-seek-back-button用于樣式化進度條，::-webkit-media-controls-play-button用于樣式化暫停/播放按鈕，::-webkit-media-controls-stop-button用于樣式化停止按鈕。

需要注意的是，除了::-webkit-media-controls-panel外，其他樣式都需要在Safari中才能生效。

除了樣式化控件外，我們還可以使用JavaScript操作音頻的播放、暫停、停止、快進等功能，以及獲取音頻的持續時間、當前時間等信息。

總之，使用CSS樣式或JavaScript腳本自定義音頻播放器，可以為網站或應用增添更多的實用性和美感。