在網站設計中，經常需要使用音頻來增強網頁的交互性和娛樂性。在設計中，讓音頻居中顯得十分重要，可以讓用戶更好地聽到音頻，同時也會增加網頁的美觀程度。下面將介紹如何利用CSS使音頻居中。

audio {
display: block;
margin: 0 auto;
}

首先，我們需要了解CSS的display屬性和margin屬性。在CSS中，display屬性可以決定元素在網頁中是以“塊狀元素”或者“行內元素”的方式表現。塊狀元素通常會占用一整行，而行內元素會與其他元素“排排坐”在一行中。在這里，我們需要讓音頻元素以塊狀元素的方式展示，于是將其display屬性設為“block”。

margin屬性可以控制元素的外邊距。在這里，我們需要讓網頁將音頻元素水平方向的外邊距分配均勻，于是將上下外邊距設為0，左右外邊距設為“auto”。

以上是將音頻居中最基本的CSS樣式。如果我們想要更進一步，可以利用CSS的position屬性來精確地將音頻居中，如：

audio {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

在這里，我們將音頻元素的position屬性設為“absolute”，然后用left和top屬性將其定位在屏幕的中心位置。但是，由于音頻元素會緊貼父元素的左上角，所以我們需要用transform屬性和translate函數將其水平和豎直方向均移動50%。

通過以上的方法，我們可以輕易地將音頻居中，并且根據實際情況可以選擇不同的CSS樣式來達到更細致的效果。