6.5 實(shí)踐案例——獨(dú)特的瀑布流效果

本章介紹了圖像的知識(shí)，下面利用相關(guān)知識(shí)來(lái)完成一個(gè)瀑布流的案例。

本案例使用表格來(lái)設(shè)計(jì)一個(gè)瀑布流布局，實(shí)現(xiàn)的原理很簡(jiǎn)單，只是根據(jù)圖片合并對(duì)應(yīng)的表格，表格設(shè)計(jì)完成后，給表格插入背景圖片，使用CSS 3新屬性“background-size: cover;”使圖片布滿表格即可。

【例6-15】（實(shí)例文件：ch06\Chap6.15.html）瀑布流效果。

相關(guān)的代碼實(shí)例請(qǐng)參考Chap6.15.html文件，在Firefox瀏覽器中運(yùn)行的結(jié)果如圖6-16所示。

圖6-16 獨(dú)特的瀑布流效果