1.2 音乐盒子区域
1.2.1 音乐标题
首先，在header的div下面画一个container容器div，宽度和header保持一致，都为950px，居中。
效果：
然后，在这个container中画一个div，作为我们的音乐盒子。高度设置为500px。
给这个div加上一个背景图片：
给mbox设置背景图片：
效果：
然后，我们还需要给这个div加上一个阴影层，会显得好看一些。
效果：
加上音乐的标题：
css:
完成！
【H5 音乐播放实例】第二节 音乐详情页制作（2）
然后，在这个container中画一个div，作为我们的音乐盒子。高度设置为500px。
给这个div加上一个背景图片：
加上音乐的标题：
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
相关阅读更多精彩内容
- 本教程是一个H5音乐播放的详情页制作，实现了H5音乐播放，音轨的跳动，已经较为酷炫的UI界面。 通过本教程，您会学...
