繼上一次制作《純HTML5全功能高仿12306》以后又憨，這一次給大家?guī)?lái)《HTML5? CSS3創(chuàng)建扁平化博客首頁(yè)》翠霍，廢話不多說(shuō)，先上圖：
源代碼下載：HTML5 CSS3創(chuàng)建扁平化個(gè)人音樂(lè)博客首頁(yè)
側(cè)邊欄設(shè)計(jì)：
點(diǎn)擊播放按鈕彈出的播放界面：
鄧福如：《如果有如果》
如果有如果蠢莺，如果你還在寒匙，請(qǐng)，說(shuō)你愛(ài)我
田馥甄：《小幸運(yùn)》
原來(lái)你是我最想留住的幸運(yùn)
如果你已經(jīng)迫不及待的想要嘗試話躏将，本寶寶奉上所有源代碼：
源代碼文件清單：
HTML文件:index.html
樣式清空文件：reset.css
樣式文件：main.css
JQuery文件:jquery.min.js（請(qǐng)自行下載JQuery文件）
JavaScript文件：main.js
注：本項(xiàng)目中使用的視頻文件由于比較大锄弱，所以沒(méi)有上傳視頻文件。讀者可在酷狗音樂(lè)免費(fèi)下載MV,在本項(xiàng)目中使用的視頻文件名稱分別為《鄧福如：如果有如果》祸憋。
《張懸：關(guān)于我愛(ài)你》会宪，《田馥甄：小幸運(yùn)》
源代碼下載：HTML5 CSS3創(chuàng)建扁平化個(gè)人音樂(lè)博客首頁(yè)
我的微博：同Yong不同樣，喜歡就關(guān)注我哦夺衍。
