<b>Dreamweaver 4 简明教程(7、网页的排版2)</b>[DW设计]

7、的排版

　　表格的利用之二

　　按照上面对表格和单元格的参数,我们可以做出以下的表格:

 

　　以上是一个3×2的表格,表格宽度为350个像素,每个单元格的宽度为33%,即占表格的三分之一,此中单元格1和单元格4 已经归并;单元格边距、单元格间距、表格线宽度都为10;表格的底色为灰色,单元格5的边框颜色为红色,单元格6的底色为绿色;


　　在上面的例子,我们将表格线宽度设置为0,在编辑状况下,看到的表格是:

 

　　宽度为0的边框线,在编辑状况下会以虚线表示,而实际的浏览效果为:

 

　　可见,宽度为0的表格线就不会在浏览器显示.其实所谓的操纵表格举行排版,就是利用表格线为0的表格,将页面划分为多个区域,从而到达定位排版的效果.别的,表格与表格是可以嵌套的,比方在上面表格中,在单元格2里再插入一个表格宽度为100%,表格线宽度为0的表格,并辨别为单元格①②③设置差别的后台色,在编辑状况下可以看到:

 

　　而实际的浏览效果为:

 

　　表格的嵌套在中被常常利用到,特别是在新浪、搜狐、网易等门户中,为了使大量的信息整齐地展示在浏览者眼前,表格的嵌套就利用得最为频繁.下图是goEway.com的首页在编辑状况下的情形,可以看到,页面密密麻麻地充满了表格线: