在網頁開發中，添加音樂是一項常見的需求。通過CSS，我們可以輕松地將音樂嵌入網頁中，并且控制其外觀。

.music {
display: inline-block;
width: 200px;
height: 50px;
background-color: #e8e8e8;
text-align: center;
line-height: 50px;
font-size: 20px;
font-weight: bold;
color: #333;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
cursor: pointer;
}
.music:hover {
background-color: #ccc;
}
.music.playing {
background-color: #ff0000;
color: #fff;
}

首先，在CSS中定義一個類名為“music”的樣式。這個樣式規定了這個音樂播放器的外觀以及交互。我們通過設置寬度、高度、背景色、文本對齊、行高、字體大小、字體粗細、顏色、圓角和陰影等屬性，將其定義為一個具有現代感官覺的音樂播放器。

接下來，我們在JS中添加代碼，控制音樂播放器的狀態。當用戶點擊播放器時，我們通過添加“playing”類名，將其變為紅色，并且變成白色。此時，我們可以通過JavaScript代碼播放音樂。

var music = document.querySelector('.music');
music.addEventListener('click', function() {
var isPlaying = music.classList.contains('playing');
if (isPlaying) {
music.classList.remove('playing');
// 暫停音樂播放
} else {
music.classList.add('playing');
// 播放音樂
}
});

以上為添加音樂CSS的簡單實現方法。結合HTML、CSS、JS可以創建一個完整的音頻播放器，并使其具有功能，實現音樂在網頁中的嵌入及簡單控制。