范海辛的惊奇之旅3dm:学习笔记——多层表格制作

来源：百度文库 编辑：九乡新闻网 时间：2024/04/30 11:47:13
       多福老人欢迎您
http://qwp43.360doc.com

多层表格制作
只有一层的表格
最简单的
代码




帖子的文章，图片

修饰
代码
borderColorDark=#00ffff cellPadding=2 background=背景图片链接 bgColor=#0000ff align=center valign="TOP">





帖子的文章，插入图片

三层表格的代码:
（外层）




（二层）




（内层）



内容 



效果
内容
多层表格的代码:
举个8层的例子:(大家可以灵活运用)
background=http://image21.360doc.com/DownloadImg/2011/01/1111/8395842_1.jpg border=0>



background=http://image23.360doc.com/DownloadImg/2011/02/0212/8886935_3.jpg border=0>



background=http://image23.360doc.com/DownloadImg/2011/02/0212/8886935_6.jpg border=0>



background=http://image23.360doc.com/DownloadImg/2011/02/0212/8886935_9.jpg border=0>



background=http://image23.360doc.com/DownloadImg/2011/02/0212/8886935_10.jpg border=0>



background=http://image23.360doc.com/DownloadImg/2011/02/0212/8886935_8.jpg border=0>



background=http://image23.360doc.com/DownloadImg/2011/02/0212/8886935_16.jpg border=0>



background=http://image23.360doc.com/DownloadImg/2011/02/0212/8886935_19.jpg border=0>







你的帖子内容



效果
你的帖子内容
代码说明:（见只有一层表格的图）
表格的基本结构:
...
---　定义表格
---　定义表行
---　定义表元(表格的具体数据)
常用的参数设定及注解：
width="400"
表格宽度，接受绝对值（如 500）及相对值（如 80%）。
border="10"
表格边框的厚度。( 绿色部分）
cellspacing="2"
表格格线间的厚度（绿框和白细线间的部分）
cellPadding=5
（表格内格线和内容间的宽度）
align="CENTER"
表格的摆放位置（水平），可选值为：左： left,　右： right,　居中： center
valign="TOP".
表格内内容的对齐方式（垂直），可选值为： top, middle, bottom。
background="背景图片网址"
表格的背景图片，与 bgcolor 不要同用。
bgcolor="#0000FF"
表格的底色，与 background 不要同用
bordercolor="#CF0000"
表格边框颜色
bordercolorlight="#00FF00"
表格边框向光部分的颜色
bordercolordark="#00FFFF"
表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。
只有一层的表格
效果：
帖子的文章，图片
加入图片

代码变为
borderColorLight=#00ff00 borderColorDark=#00ffff cellPadding=2 background=背景图片链接 bgColor=#0000ff align=center valign="TOP">





      

效果：

多层表格
取上面   三层 代码：
效果：
你的帖子内容
插入内容：

定位
代码

代码变为







background=http://image23.360doc.com/DownloadImg/2011/02/0212/8886935_3.jpg border=0>






background=http://image23.360doc.com/DownloadImg/2011/02/0212/8886935_6.jpg border=0>














效果

取边框宽border=10
代码为





























效果

可以明显看出三层表格的形态
感受：
1）使用相对宽度的好处是：表格或图片不会超出边框，按比例显示：
而用绝对宽度，有时会给编辑造成麻烦！
2）多层表格制作，可用来做边框或相框，图片是可以后贴上去的！
学习笔记——多层表格制作 学习笔记——单层表格制作 学习笔记——用表格设置做图框 学习笔记——如何创建HTML表格 学习笔记——如何创建HTML表格 1 学习笔记——表格设置（引自学习表格设置做图框 - 理睬的日志 - 网易博客） 学习笔记——顶图链接的制作 学习笔记——个性顶图模板制作（2） 学习笔记—— 字体大小 多层边框的制作* 多层边框的制作 学习笔记——文字颜色 学习笔记——图片右边+文字 学习笔记——图片添加文字 学习笔记——换片+flash 学习笔记——图片的添加 学习笔记——插入动画 学习笔记——Flash+文字 学习笔记——HTML图片(Images) 学习笔记——HTML列表(Lists) 学习笔记——HTML表单(Forms) HTLM教程——学习笔记 学习笔记——插入图片练习 学习笔记——定位插入