中财网实施计划方案模板:网页表格的各种画法（Html代码）
来源：百度文库 编辑：中财网 时间：2024/04/28 19:57:31
博客首页 更多日志 精彩相册 加为博友 问题咨询
一、表格中单元格之间分隔线的隐藏方法
第一行
第二行
第三行
这个表格去掉了单元格之间的纵向分隔线
第第第
一二三
列列列
这个表格去掉了单元格之间的横向分隔线
横 线
竖 线
都没了
这个表格去掉了单元格之间的纵向分隔线和横向分隔线
其实上面的三个表格都有三行三列，隐藏分隔线的诀窍在于rules，察看这三个表格的源代码，我们可以看到。
二、表格边框的隐藏
普表
通格
这是一普通的表格
不怕下雨
只显示上边框
下起雨来该怎么办
只显示下边框
上不着天
下不着地
只显示左、右边框
两边走开
老子姓王
只显示上、下边框
左右
为难
只显示左边框
左右
为难
只显示右边框
光秃秃
全脱了
不显示任何边框
表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不影晌单元格。
只显示上边框
细表
线格
表格加上了漂亮的细线
(利用cellspacing1像素间隙和表格与单元格背景的不同)
细表
线格
这和上面那个可不一样，它用的是CSS，效果却一样。
(对单元格border的定义)
细表
线格
再进一步，把边框变成虚线，同样是CSS的神奇作用。
细线表格的扩展应用，奥妙就是在第个单元格中再套入一个表格。
立表
体格
立体感的表格
(简单的亮暗边框设置，注意只有IE支持这种效果)
无名表格
给表格加上一个表头
(应用
一、表格中单元格之间分隔线的隐藏方法
第一行
第二行
第三行
这个表格去掉了单元格之间的纵向分隔线
第第第
一二三
列列列
这个表格去掉了单元格之间的横向分隔线
横 线
竖 线
都没了
这个表格去掉了单元格之间的纵向分隔线和横向分隔线
其实上面的三个表格都有三行三列，隐藏分隔线的诀窍在于rules，察看这三个表格的源代码，我们可以看到。
二、表格边框的隐藏
普表
通格
这是一普通的表格
不怕下雨
只显示上边框
下起雨来该怎么办
只显示下边框
上不着天
下不着地
只显示左、右边框
两边走开
老子姓王
只显示上、下边框
左右
为难
只显示左边框
左右
为难
只显示右边框
光秃秃
全脱了
不显示任何边框
表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不影晌单元格。
只显示上边框
| 普 | 表 |
| 通 | 格 |
细表
线格
表格加上了漂亮的细线
(利用cellspacing1像素间隙和表格与单元格背景的不同)
| 细 | 表 |
| 线 | 格 |
细表
线格
这和上面那个可不一样，它用的是CSS，效果却一样。
(对单元格border的定义)
| 细 | 表 |
| 线 | 格 |
细表
线格
再进一步，把边框变成虚线，同样是CSS的神奇作用。
| 细 | 表 | 线 | 格 |
细线表格的扩展应用，奥妙就是在第个单元格中再套入一个表格。
| | | ||
| | |
立表
体格
立体感的表格
(简单的亮暗边框设置，注意只有IE支持这种效果)
| 立 | 表 |
| 体 | 格 |
无名表格
给表格加上一个表头
(应用