不要图形繁多的页面创建灵活的CSS2边框效果

回到Internet开始蓬勃发展的初期，我编写了一些相当糟糕的代码，好让页面的外观和行为就像我希望的一样。我花了很多时间准备了无数的图形文件，用它们来创建鼠标激活链接（mouseover）效果和菜单条，结果却发现在28.8Kb的调制解调器上需要花太长的时间来载入。我一直在期待会有一天，带宽能够像流水一样快，这样我的页面就能够被快速地加载。

讽刺的是，现在宽带更加普及了，但是图形繁多的代码已经不流行了。幸运的是，层叠样式表2（Cascading Style Sheets 2， CSS2）让我们能够使用其边框属性，生成原来需要很多图形和代码才能够生成的效果。

页面布局

我曾经花了很多时间，使用TABLE标签、间隔GIF和背景色让我的页面布局好看。不幸的是，写成的代码常常都很臃肿，而且毫无必要。一旦编写代码建立了布局，要改变它也很困难和耗时间。

有了CSS2，尤其是其边框属性，这个页面就可以轻松布局，而不需要用任何的TABLE标签或者间隔GIF。现在让我们利用图A里的布局作为例子。