CSS 是一種樣式表語言，它可以幫助我們為 HTML 文檔添加樣式和布局。今天我們將學習如何創建一個用于播放暫停音頻或視頻的按鈕，這個功能經常用于音樂播放器或視頻網站上。

/* 創建播放按鈕 */
.play-button {
position: relative;
display: inline-block;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #fff;
cursor: pointer;
}
/* 創建暫停按鈕 */
.pause-button {
position: relative;
display: inline-block;
width: 0;
height: 0;
border-left: 6px solid #fff;
border-right: 6px solid #fff;
cursor: pointer;
}
/* 高亮顯示播放按鈕 */
.play-button:hover {
border-left: 15px solid #FF4500;
}
/* 高亮顯示暫停按鈕 */
.pause-button:hover {
border-left: 6px solid #FF4500;
border-right: 6px solid #FF4500;
}

上面的代碼展示了如何使用 CSS 創建播放和暫停按鈕。我們使用了 CSS 邊框來創建三角形和矩形形狀。鼠標懸停時，我們使用了另外一種顏色來高亮顯示按鈕。這些按鈕的樣式可以根據你的需要進行調整。