CSS 音樂怎么放外部鏈接 要在 CSS 中播放音樂，我們需要使用一個叫做 `@keyframes` 的規則，它允許我們創建一個運動的效果。同時，我們也需要使用 `animation` 屬性來指定這個運動效果。 下面，我們將介紹如何在 CSS 中播放來自外部鏈接的音樂。 第一步：創建一個 `@keyframes` 規則 我們先創建一個 `@keyframes` 規則，來定義音樂的播放和停止狀態： ``` @keyframes play { 0% { background: url('play.png'); } 100% { background: url('pause.png'); } } ``` 這里，我們使用了兩個背景圖片，一個是播放按鈕的圖片，另一個是暫停按鈕的圖片。在 `0%` 時，我們將背景圖片設置為播放按鈕的圖片，`100%` 時則將背景圖片設置為暫停按鈕的圖片。這樣，當我們點擊按鈕后，根據 `animation` 屬性的配置，CSS 就會通過這個 `@keyframes` 規則來實現播放和停止的效果。 第二步：為按鈕添加 `animation` 屬性 現在，我們為我們的按鈕添加 `animation` 屬性： ``` button { animation-name: play; animation-duration: 3s; animation-iteration-count: infinite; } ``` 這里，我們設置了 `animation-name` 為 `play`，`animation-duration` 為 3 秒，`animation-iteration-count` 為無限循環，這樣，在用戶點擊按鈕時，播放與停止效果就會被應用到按鈕上。 第三步：添加外部鏈接 最后，我們需要添加來自外部鏈接的音樂文件： ``` audio { display: none; } button:focus + audio { display: block; } ``` 這里，我們首先將 `audio` 元素的 `display` 屬性設置為 `none`，以便在頁面中隱藏它。然后，當用戶點擊按鈕時，使用 `button:focus + audio` 來顯示 `audio` 元素。 代碼如下： ```播放音樂``` 最后，我們只需要將 `music.mp3` 更換為你自己的音樂鏈接即可。