CSS鼠标经过播放音乐是一种常用于网页设计的酷炫效果。通过CSS中的:hover属性，我们可以设置鼠标经过指定元素时执行的样式或动作，这里我们将利用:hover属性来实现鼠标经过播放音乐效果。

具体操作如下：

.music{
display:none;
}
.music:hover{
display:block;
}

首先，我们需要将音乐文件通过html中的 <audio>标签添加到网页中，并将其在CSS中设置为display:none，让其默认状态下不会自动播放或显示。然后，我们针对音乐文件所在的元素（比如一个按钮或图标），设置:hover属性，并在其:hover状态下将音乐文件的display属性设置为block，这样一旦鼠标经过该元素，音乐文件就会自动播放。

当然，我们还可以通过CSS中的其他属性来进一步美化音乐播放效果，比如添加动画效果、改变字体颜色、设置背景图片等等。总之，在这个过程中，CSS的属性与JS的操作相得益彰，为我们呈现出一个个充满活力的网页。