語音聲波圖css是一種可以用來展示語音波形的CSS樣式的技術。這種技術可以將語音波形圖像轉換為一系列具有特定類名的HTML元素，并對這些元素應用特定的CSS樣式。

.voice-wave {
width: 100%;
height: 60px;
background-color: #fff;
}
.voice-wave span {
display: inline-block;
margin-right: 3px;
width: 3px;
height: 10px;
background-color: #000;
}
.voice-wave span:nth-child(2n) {
margin-right: 0;
}
.voice-wave span:nth-child(1) {
height: 5px;
}
.voice-wave span:nth-child(2) {
height: 10px;
}
.voice-wave span:nth-child(3) {
height: 15px;
}
.voice-wave span:nth-child(4) {
height: 20px;
}
/* 依次為第5、6、7、8個子元素設置高度 */

這段代碼可以將語音波形圖像轉換為一系列由span元素構成的波形圖像，并對這些元素應用特定的CSS樣式。其中，.voice-wave是表示整個語音波形的容器元素，而其子元素span則是表示波形的各個點的元素。

這種技術有很多的應用場景，比如可以用來展示語音聊天記錄中的聲音，或者用來展示音頻播放器中的音樂波形圖像等等。同時，由于CSS樣式的靈活性，我們還可以結合不同的CSS屬性來自定義不同的波形圖樣式。比如可以調整波形的顏色、大小、線條寬度等等。