继上一次制作《纯HTML5全功能高仿12306》以后，这一次给大家带来《HTML5 CSS3创建扁平化博客首页》，废话不多说，先上图：
源代码下载：HTML5 CSS3创建扁平化个人音乐博客首页
侧边栏设计：
点击播放按钮弹出的播放界面：
邓福如：《如果有如果》
如果有如果，如果你还在，请，说你爱我
田馥甄：《小幸运》
原来你是我最想留住的幸运
如果你已经迫不及待的想要尝试话，本宝宝奉上所有源代码：
源代码文件清单：
HTML文件:index.html
样式清空文件：reset.css
样式文件：main.css
JQuery文件:jquery.min.js（请自行下载JQuery文件）
JavaScript文件：main.js
注：本项目中使用的视频文件由于比较大，所以没有上传视频文件。读者可在酷狗音乐免费下载MV,在本项目中使用的视频文件名称分别为《邓福如：如果有如果》。
《张悬：关于我爱你》，《田馥甄：小幸运》
源代码下载：HTML5 CSS3创建扁平化个人音乐博客首页
我的微博：同Yong不同样，喜欢就关注我哦。
网友评论
作为一名女生，我真没想到自己会步入IT行业，您觉得UI设计前景怎么样？