如果您正在創建一個網站,并且想要向用戶提供一種簡單的方式來播放音樂,那么您可以使用CSS的播放音樂控件。這個控件可以實現播放、暫停、靜音等基本操作,還可以自定義其外觀。
<style> .music-player { display: flex; align-items: center; justify-content: center; width: 300px; height: 50px; background-color: #eaf1f7; border-radius: 25px; } .music-player button { border: none; background-color: transparent; font-size: 16px; margin: 0 10px; } .music-player button:focus { outline: none; } .music-player button.play { color: #0e6ba8; } .music-player button.pause { color: #ff5d5d; } .music-player button.mute { color: #fa0; } .music-player button.unmute { color: #0e6ba8; } .music-player button:hover { cursor: pointer; } </style> <div class="music-player"> <button class="play">></button> <button class="pause">||</button> <button class="mute">
上一篇css表格限制顯示兩行
下一篇java阻塞隊列和多線程