Dreamweaver 4 简明教程(七、网页的排版2)
七、网页的排版
表格的使用之二 根据上面对表格和单元格的参数,我们可以做出以下的表格:
以上是一个3㗲的表格,表格宽度为350个像素,每个单元格的宽度为33%,即占表格的三分之一,其中单元格1和单元格4 已经合并;单元格边距、单元格间距、表格线宽度都为10;表格的底色为灰色,单元格5的边框颜色为红色,单元格6的底色为绿色; 在上面的例子,我们将表格线宽度设置为0,在编辑状态下,看到的表格是:
宽度为0的边框线,在编辑状态下会以虚线表示,而实际的浏览效果为:
可见,宽度为0的表格线就不会在浏览器显示。其实所谓的利用表格进行排版,就是使用表格线为0的表格,将页面划分为多个区域,从而达到定位排版的效果。另外,表格与表格是可以嵌套的,例如在上面表格中,在单元格2里再插入一个表格宽度为100%,表格线宽度为0的表格,并分别为单元格①②③设置不同的背景色,在编辑状态下可以看到:
上一篇:Dreamweaver 4 简明教程(七、网页的排版) 下一篇:Dreamweaver 4 简明教程(七、网页的排版3) 更多相关文章
|
推荐文章
精彩文章
|