6.5 实践案例——独特的瀑布流效果

本章介绍了图像的知识，下面利用相关知识来完成一个瀑布流的案例。

本案例使用表格来设计一个瀑布流布局，实现的原理很简单，只是根据图片合并对应的表格，表格设计完成后，给表格插入背景图片，使用CSS 3新属性“background-size: cover;”使图片布满表格即可。

【例6-15】（实例文件：ch06\Chap6.15.html）瀑布流效果。

相关的代码实例请参考Chap6.15.html文件，在Firefox浏览器中运行的结果如图6-16所示。

图6-16 独特的瀑布流效果