CSS是網頁設計中必不可少的一部分，可以控制網頁的樣式和布局。在設計帶有音頻的網頁時，如何讓音頻居中是一個常見的問題。以下是使用CSS讓音頻居中的方法。

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

首先，需要將audio元素設置為塊級元素，這樣才能控制其寬度和高度。然后，通過設置margin屬性來實現水平居中。其中，0代表上下不需要留白，而auto會自動將左右兩側的留白平均分配。

如果希望將音頻水平垂直都居中，可以將audio元素包裹在一個父元素中，并將該父元素設置為彈性盒子。如下所示：

.container{
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
audio{
display:block;
margin: 0 auto;
}

這樣，父元素.container將會水平和垂直居中，而內部的audio元素也會水平居中。

總之，通過使用CSS的margin屬性，可以輕松實現音頻的居中。如果需要水平垂直都居中，可以使用彈性盒子來實現。