相关文章
怎样制作网站
如何建设成功的个人网站
网站制作DIV CSS教程：margin叠加原理以及边界条件浅谈
网站设计脚本控制三行三列自适应高度DIV布局
网站建设使用Web标准建站第5天：head区的其他设置
北京网站建设Flash AS基础教程：土人AS入门教程对象篇
北京网站建设dreamweaver mx教程十三:网页素材的准备和页面内容的填充
北京网站建设十二个Dreamweaver鲜为人知的小秘诀
企通互联Dreamweaver CS3 Beta界面功能大曝光
网站制作Dreamweaver使用CSS样式表设置网页
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站制作 >> 网站设计网站建设教程/dreamweaver/入门 Dreamweaver 4 简明教程11(表格的使用)
网站设计网站建设教程/dreamweaver/入门 Dreamweaver 4 简明教程11(表格的使用)
企通互联
根据上面对表格和单元格的参数，我们可以做出以下的表格：北京网站建设
网站设计
北京网站建设 网站建设
以上是一个3㗲的表格，表格宽度为350个像素，每个单元格的宽度为33%，即占表格的三分之一，其中单元格1和单元格4 已经合并；单元格边距、单元格间距、表格线宽度都为10；表格的底色为灰色，单元格5的边框颜色为红色，单元格6的底色为绿色；北京网站设计
网站设计
企通互联
在上面的例子，我们将表格线宽度设置为0，在编辑状态下，看到的表格是：北京网站制作
网站设计网站制作
网站设计
北京网站制作
宽度为0的边框线，在编辑状态下会以虚线表示，而实际的浏览效果为：北京网站建设
网站制作北京网站设计
可见，宽度为0的表格线就不会在浏览器显示。其实所谓的利用表格进行排版，就是使用表格线为0的表格，将页面划分为多个区域，从而达到定位排版的效果。另外，表格与表格是可以嵌套的，例如在上面表格中，在单元格2里再插入一个表格宽度为100%，表格线宽度为0的表格，并分别为单元格①②③设置不同的背景色，在编辑状态下可以看到：北京网站制作
北京网页设计
网站设计
网站建设
而实际的浏览效果为：网站制作
北京网站建设
网页设计 北京网站建设
北京网站制作 www.qt-net.com
表格的嵌套在网页制作中被经常使用到，尤其是在新浪、搜狐、网易等门户网站中，为了使大量的信息整齐地展示在浏览者面前，表格的嵌套就使用得最为频繁。下图是goEway.com的首页在编辑状态下的情况，可以看到，页面密密麻麻地布满了表格线：网站制作 北京网站设计
网站建设
上一篇：网站设计教程/dreamweaver/入门 Dreamweaver 4 简明教程15(互动效果）
下一篇：网站建设教程/dreamweaver/入门 Dreamweaver 4 简明教程10(网页的排版)