很多人都有過這樣的經歷，在CSS編輯器里寫了一段代碼，保存預覽后，大提琴只能看出外形，卻沒有聲音。這是什么原因呢？下面我們來分析一下。

body {
background-color: #f7f7f7;
}
.cello {
width: 500px;
height: 150px;
background-color: #fff;
box-shadow: 0 5px 10px rgba(0, 0, 0, .25);
border-radius: 10px;
}

上面這段CSS代碼定義了一個大提琴的樣式，包括它的背景顏色、大小、陰影以及圓角。它可以很好地顯示出大提琴的外觀，但卻沒有聲音。如果我們想讓大提琴發聲，就需要在HTML標簽中加入音頻文件和控制器。

<div class="cello">
<audio id="cello_audio" src="cello.mp3"></audio>
<button onclick="document.getElementById('cello_audio').play()">Play</button>
<button onclick="document.getElementById('cello_audio').pause()">Pause</button>
</div>

在上面這段HTML代碼中，我們首先在音頻文件標簽<audio>中定義了音頻ID和音頻源地址。然后，在控制按鈕中，通過JavaScript調用play()方法和pause()方法來播放和暫停音頻。

總結一下，要讓大提琴發出聲音，需要在HTML中定義音頻文件和添加控制按鈕，并通過JavaScript控制播放和暫停。