Dreamweaver 4 简明教程(七、网页的排版2) - 网页教程学习 - 川北素材

首页 | 网页教程 | 网站模板 | 网页特效 | 矢量图库 | 字体下载 | ASP源码下载 | 酷站欣赏 | FLASH源码 | 有求必应

→ 网页教程导航

·photoshop教程
·flash教程
·asp教程
·fireworks教程
·dreamweaver教程
·搜索引擎
·html/css教程
·3dmax教程
·java教程
·php教程
·FrontPage教程

首页 >> 网页教程 >> dreamweaver教程 >> 正文

Dreamweaver 4 简明教程(七、网页的排版2)
	责任编辑：川北素材网添加日期：08-05-12 08:38:25 浏览：次
七、网页的排版　　表格的使用之二　　根据上面对表格和单元格的参数，我们可以做出以下的表格：　　以上是一个3×2的表格，表格宽度为350个像素，每个单元格的宽度为33%，即占表格的三分之一，其中单元格1和单元格4 已经合并；单元格边距、单元格间距、表格线宽度都为10；表格的底色为灰色，单元格5的边框颜色为红色，单元格6的底色为绿色；　　在上面的例子，我们将表格线宽度设置为0，在编辑状态下，看到的表格是：　　宽度为0的边框线，在编辑状态下会以虚线表示，而实际的浏览效果为：　　可见，宽度为0的表格线就不会在浏览器显示。其实所谓的利用表格进行排版，就是使用表格线为0的表格，将页面划分为多个区域，从而达到定位排版的效果。另外，表格与表格是可以嵌套的，例如在上面表格中，在单元格2里再插入一个表格宽度为100%，表格线宽度为0的表格，并分别为单元格①②③设置不同的背景色，在编辑状态下可以看到：　　而实际的浏览效果为：　　表格的嵌套在网页制作中被经常使用到，尤其是在新浪、搜狐、网易等门户网站中，为了使大量的信息整齐地展示在浏览者面前，表格的嵌套就使用得最为频繁。下图是goEway.com的首页在编辑状态下的情况，可以看到，页面密密麻麻地布满了表格线：

关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 管理登陆
版权所有：川北素材为广大站长提供素材支持，业务联系QQ:9987142
Copyright © 2008 www.chuanbei.net All Rights Reserved.