表格制作2
来源:百度文库 编辑:神马文学网 时间:2024/05/08 04:54:54
一、如何隐藏表格的四个边框。
表格边框的显示与隐藏,是可以用frame参数来控制的。请注意它只控制表格的边框图,而不影晌单元格。
只显示上边框
细 表
线 格
表格加上了漂亮的细线
(利用cellspacing1像素间隙和表格与单元格背景的不同)
细 表
线 格
这和上面那个可不一样,它用的是CSS,效果却一样。
(对单元格border的定义)
细 表
线 格
再进一步,把边框变成虚线,同样是CSS的神奇作用。
细线表格的扩展应用,奥妙就是在第个单元格中再套入一个表格。
立 表
体 格
立体感的表格
(简单的亮暗边框设置,注意只有IE支持这种效果)
无名表格
给表格加上一个表头
(应用
-----------------------------------------------------------------------------------------------------
表格4
在这里输入文字
代码如下:
-----------------------------------------------------------------------------------------------------
表格5
在这里输入文字
代码如下:
-----------------------------------------------------------------------------------------------------
表格6
在这里输入内容
代码如下:
cellPadding="2" width="150">
-----------------------------------------------------------------------------------------------------表格7
在这里输入内容
代码如下:
-----------------------------------------------------------------------------------------------------
表格8
在这里输入文字
代码如下:
cellSpacing="5" cellPadding="3"
-----------------------------------------------------------------------------------------------------
表格9
在此输入内容
代码如下:
cellSpacing="3" cellPadding="4"
-----------------------------------------------------------------------------------------------------
表格10
输入文字
代码如下:
width=400>
-----------------------------------------------------------------------------------------------------
表格11
输入文字
代码如下:
-----------------------------------------------------------------------------------------------------
表格12
输入文字
代码如下:
-----------------------------------------------------------------------------------------------------
表格13
输入文字
代码如下:
-----------------------------------------------------------------------------------------------------
表格14
输入文字
代码如下:
-----------------------------------------------------------------------------------------------------
表格15
输入文字
代码如下:
-----------------------------------------------------------------------------------------------------
表格16
输入文字
代码如下:
表格边框的显示与隐藏,是可以用frame参数来控制的。请注意它只控制表格的边框图,而不影晌单元格。
只显示上边框
普 | 表 |
通 | 格 |
细 表
线 格
表格加上了漂亮的细线
(利用cellspacing1像素间隙和表格与单元格背景的不同)
细 | 表 |
线 | 格 |
细 表
线 格
这和上面那个可不一样,它用的是CSS,效果却一样。
(对单元格border的定义)
细 | 表 |
线 | 格 |
细 表
线 格
再进一步,把边框变成虚线,同样是CSS的神奇作用。
细 | 表 | 线 | 格 |
细线表格的扩展应用,奥妙就是在第个单元格中再套入一个表格。
| | ||
| |
立 表
体 格
立体感的表格
(简单的亮暗边框设置,注意只有IE支持这种效果)
立 | 表 |
体 | 格 |
无名表格
给表格加上一个表头
(应用
-----------------------------------------------------------------------------------------------------
表格4
在这里输入文字
代码如下:
在这里输入文字 |
-----------------------------------------------------------------------------------------------------
表格5
在这里输入文字
代码如下:
在这里输入文字 |
-----------------------------------------------------------------------------------------------------
表格6
在这里输入内容
代码如下:
在这里输入内容 |
-----------------------------------------------------------------------------------------------------表格7
在这里输入内容
代码如下:
在这里输入内容 |
-----------------------------------------------------------------------------------------------------
表格8
在这里输入文字
代码如下:
bgcolor="lightcyan">
|
-----------------------------------------------------------------------------------------------------
表格9
在此输入内容
代码如下:
在此输入内容 |
-----------------------------------------------------------------------------------------------------
表格10
输入文字
代码如下:
输入文字 |
height="1" bgcolor="#ffddee"> |
-----------------------------------------------------------------------------------------------------
表格11
输入文字
代码如下:
输入文字 |
-----------------------------------------------------------------------------------------------------
表格12
输入文字
代码如下:
输入文字 |
-----------------------------------------------------------------------------------------------------
表格13
输入文字
代码如下:
| ||
-----------------------------------------------------------------------------------------------------
表格14
输入文字
代码如下:
输入文字 |
-----------------------------------------------------------------------------------------------------
表格15
输入文字
代码如下:
输入文字 |
-----------------------------------------------------------------------------------------------------
表格16
输入文字
代码如下:
输入文字 |