在網頁設計中使用音樂是常見的技術手段,通過CSS插入音樂可以讓網頁更加生動有趣。以下是一些CSS插入音樂的代碼:
/*使用HTML5方法插入背景音樂*/ audio { background: url(images/audio.png) no-repeat center center; } audio::-webkit-media-controls-play-button, audio::-webkit-media-controls-pause-button, audio::-webkit-media-controls-volume-slider { display: none; } /*使用CSS方法插入背景音樂*/ div.audio { position: absolute; left: -9999px; top: -9999px; } .audioplayer:hover .audio { display: block; } /*使用CSS方法插入MP3*/ .audioplayer { background: url(images/play.png) no-repeat center center; width: 20px; height: 20px; text-indent: -9999px; } .audioplayer:hover { background: url(images/pause.png) no-repeat center center; } .audiofile { position: absolute; left: -9999px; top: -9999px; }
以上是一些常見的CSS插入音樂的代碼。需要注意的是,在插入音樂時也要考慮版權問題。
上一篇css表格行顏色不連續
下一篇css表格第一行顏色設置