CSS3語音是一項非常有用的技術，可以讓你在網站中添加語音，使得用戶可以通過語音與網站進行交互。CSS3語音使用起來非常簡單，只需要幾行代碼就可以實現。
/* 語音按鈕樣式 */
button {
background-color: #4CAF50;
color: white;
border: none;
border-radius: 30px;
font-size: 16px;
padding: 10px;
margin-top: 20px;
}
/* 語音輸入樣式 */
input[type="text"][x-webkit-speech] {
padding: 10px;
font-size: 16px;
border: none;
border-radius: 30px;
background-color: #f1f1f1;
margin-top: 20px;
}以上代碼分為兩部分，第一部分是語音按鈕的樣式，通過設置背景顏色、字體顏色、邊框和圓角等屬性，來美化語音按鈕。第二部分是語音輸入框的樣式，同樣通過設置樣式來改變輸入框的外觀。
在HTML中，需要設置<input>元素的x-webkit-speech屬性才能啟用語音功能。在輸入框中，用戶可以通過點擊話筒圖標來啟動語音輸入。
以上代碼中，<input>元素的x-webkit-speech屬性啟用了語音功能，同時通過placeholder屬性添加了占位符文本。<button>元素是用于發送語音消息的按鈕。
總的來說，CSS3語音的使用非常簡單，只需要少量代碼就可以實現語音功能。使用CSS3語音可以為網站增加更多的交互性和易用性，提高用戶的體驗。