李兵弟:多列表格代码
来源:百度文库 编辑:中财网 时间:2024/10/05 21:53:00
四列表格代码
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
代码如下:
表格边框代码应用
一、单列表格:
代码:
width=600 align=center border=3>
效果:
文字
文字
文字
二、双列表格:
代码:
width=600 align=center border=3>
效果:
文字
文字
文字
文字
文字
文字
三、四列表格:
代码:
width=600 align=center border=3>
效果:
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
四、首行合并,以下两列:
代码:
width=600 align=center border=3>
效果:
文字
文字
文字
文字
文字
五、首行合并,以下三列:
代码:
width=600 align=center border=3>
效果:
文字
文字
文字
文字
文字
文字
文字
五、表格的框线设置:
1、设定表格框线的粗细,只需将属性“border”的数值设置成自己满意即可,如将1改成5:
代码:
效果:
表格内容
2、表格框线颜色的设定,只需将属性“borderColor”的颜色码设置成自己满意即可:
代码:
效果:
表格内容
3、设定表格的阴影、亮面颜色,可以使表格的边框更富立体感,只需将属性“borderColorLight”的颜色码(亮面)和“ borderColorDark”的颜色码(暗面)选定即可:
代码:
borderColorLight=#62B0FF border=5>
效果:
表格内容
六、表格栏距设置:
1、利用“cellpadding”属性设定表格内容与格线之间的距离,其默认值为2,以自己满意即可:
代码:
效果:
表格内容 表格内容
2、利用“cellspacing”属性设定表格栏位格线之间的距离。其默认值为2,以自己满意即可:
代码:
效果:
表格内容 表格内容
附:表格常用属性
1、
:定义表格的元素。分别作起、始标识符,网页中有几张表格,就有几对此元素。
2、 :定义表格中“行”的元素。在表格中有几对此元素就表示当前表格中有几行。
3、 :表示一行中单元格的元素。一行中有几对此元素,就有几个单元格。
4、border:表格外框线宽度,属性值为数字。如border=5,表示表格边框的粗细为5个像素(默认值为1),为0表示没有边框。
5、borderColor:表格的边框线颜色,属性值为各种颜色代码(当border值不为0时设置此值有效)。如 borderColor=#0080FF,表示表格边框线的颜色为蓝色(默认值为白色)。
6、bordercolorlight:亮边框(表格的左边和上边框)颜色,属性值为各种颜色代码(当border值不为0时设置此值有效)。
7、bordercolordark:暗边框(表格的右边和下边框)颜色,属性值为各种颜色代码(当border值不为0时设置此值有效)。
8、bgcolor:表格的背景颜色,属性值为各种颜色代码。
如 bgcolor=#FF0000,表示表格背景色为红色(默认值为无色)。
9、background:表格的背景图案,属性值为有效的图片地址。
10、cellpadding:表示单元格内容与单元格边框之间的距离,属性值为数字。
11、cellspacing:表示表格中各单元格的间距,属性值为数字。当表格只有一个单元格时,则表示该单元格与表格边框的距离。
12、width:表格的宽度,属性值为像素和百分比两种。
13、height:表格的高度,取值方法同width。
14、align:表格的对齐方式,属性值为left(左对齐,默认)、center(居中)以及right(右对齐)。
15、colspan:定义合并表格的列数,属性值是数字。
16、rowspan:定义合并表格的行数,属性值是数字。
17、表头 :定义表头,表头内容置于和 之间,显示时呈粗体字形式。
18、 :建立表格的标题,通过align属性定义标题的位置,其属性有四:即 top(在表格上方)、bottom(在表格下方)、left(在表格的左上方)、right(在表格的右上方)。
------------------------------------------------------------------------------------------------------------------------
表格边框
普 表
通 格
这是一普通的表格
细 表
线 格
表格加上了漂亮的细线
(利用cellspacing1像素间隙和表格与单元格背景的不同)
细 表
线 格
这和上面那个可不一样,它用的是CSS,效果却一样。
(对单元格border的定义)
细 表
线 格
再进一步,把边框变成虚线,同样是CSS的神奇作用。
细线表格的扩展应用,奥妙就是在第个单元格中再套入一个表格。
立 表
体 格
立体感的表格
(简单的亮暗边框设置,注意只有IE支持这种效果)
无名表格
给表格加上一个表头
(应用
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
代码如下:
表格边框代码应用
一、单列表格:
代码:
文字 |
文字 |
文字 |
效果:
文字
文字
文字
二、双列表格:
代码:
文字 | 文字 |
文字 | 文字 |
文字 | 文字 |
效果:
文字
文字
文字
文字
文字
文字
三、四列表格:
代码:
文字 | 文字 | 文字 | 文字 |
文字 | 文字 | 文字 | 文字 |
文字 | 文字 | 文字 | 文字 |
效果:
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
四、首行合并,以下两列:
代码:
文字 | |
文字 | 文字 |
文字 | 文字 |
效果:
文字
文字
文字
文字
文字
五、首行合并,以下三列:
代码:
文字 | ||
文字 | 文字 | 文字 |
文字 | 文字 | 文字 |
效果:
文字
文字
文字
文字
文字
文字
文字
五、表格的框线设置:
1、设定表格框线的粗细,只需将属性“border”的数值设置成自己满意即可,如将1改成5:
代码:
表格内容 |
效果:
表格内容
2、表格框线颜色的设定,只需将属性“borderColor”的颜色码设置成自己满意即可:
代码:
表格内容 |
效果:
表格内容
3、设定表格的阴影、亮面颜色,可以使表格的边框更富立体感,只需将属性“borderColorLight”的颜色码(亮面)和“ borderColorDark”的颜色码(暗面)选定即可:
代码:
表格内容 |
效果:
表格内容
六、表格栏距设置:
1、利用“cellpadding”属性设定表格内容与格线之间的距离,其默认值为2,以自己满意即可:
代码:
表格内容 | 表格内容 |
效果:
表格内容 表格内容
2、利用“cellspacing”属性设定表格栏位格线之间的距离。其默认值为2,以自己满意即可:
代码:
表格内容 | 表格内容 |
效果:
表格内容 表格内容
附:表格常用属性
1、
2、
3、
4、border:表格外框线宽度,属性值为数字。如border=5,表示表格边框的粗细为5个像素(默认值为1),为0表示没有边框。
5、borderColor:表格的边框线颜色,属性值为各种颜色代码(当border值不为0时设置此值有效)。如 borderColor=#0080FF,表示表格边框线的颜色为蓝色(默认值为白色)。
6、bordercolorlight:亮边框(表格的左边和上边框)颜色,属性值为各种颜色代码(当border值不为0时设置此值有效)。
7、bordercolordark:暗边框(表格的右边和下边框)颜色,属性值为各种颜色代码(当border值不为0时设置此值有效)。
8、bgcolor:表格的背景颜色,属性值为各种颜色代码。
如 bgcolor=#FF0000,表示表格背景色为红色(默认值为无色)。
9、background:表格的背景图案,属性值为有效的图片地址。
10、cellpadding:表示单元格内容与单元格边框之间的距离,属性值为数字。
11、cellspacing:表示表格中各单元格的间距,属性值为数字。当表格只有一个单元格时,则表示该单元格与表格边框的距离。
12、width:表格的宽度,属性值为像素和百分比两种。
13、height:表格的高度,取值方法同width。
14、align:表格的对齐方式,属性值为left(左对齐,默认)、center(居中)以及right(右对齐)。
15、colspan:定义合并表格的列数,属性值是数字。
16、rowspan:定义合并表格的行数,属性值是数字。
17、
18、
------------------------------------------------------------------------------------------------------------------------
表格边框
普 表
通 格
这是一普通的表格
普 | 表 |
通 | 格 |
细 表
线 格
表格加上了漂亮的细线
(利用cellspacing1像素间隙和表格与单元格背景的不同)
细 | 表 |
线 | 格 |
细 表
线 格
这和上面那个可不一样,它用的是CSS,效果却一样。
(对单元格border的定义)
细 | 表 |
线 | 格 |
细 表
线 格
再进一步,把边框变成虚线,同样是CSS的神奇作用。
细 | 表 | 线 | 格 |
细线表格的扩展应用,奥妙就是在第个单元格中再套入一个表格。
| | ||
| |
立 表
体 格
立体感的表格
(简单的亮暗边框设置,注意只有IE支持这种效果)
立 | 表 |
体 | 格 |
无名表格
给表格加上一个表头
(应用
3行3列的虚线表格的代码是什么?
如何将word文档中表格由一排多列变成一列多排
怎么用office2003做11行,200多列的表格啊
怎么样制作表格列每日清单
WORD表格里面,加入列怎么加?
表格单元格边距是跨行距还是列行距?
EXCEL表格列内容怎样分类汇总
DreamweaverMX表格中列与列怎么交换
EXCLE表格第一列内容固定,第二列如何按照第一列的顺序排列
如何用Javascript代码自动生成表格
关于表格行数的javascript代码
加入代码表格撑开的问题?
布鲁马留言本表格半透明的代码
网页制作 的表格中的 列与列组有何区别?
EXCEL表格中列数最多只能是260列?
为什麼EXCEL表格是65536列?
关于Excle表格的行号列标的自定义
一张EXL表格最多可以有多少行和列?
一个excel表格有多少行和多少列?
EXCLE表格最多可以有多少列数
word中如果表格行、列无法对齐
请问谁知道Excel表格共享中隐藏列的办法?
如何对Word表格中的计算列进行排序
WORD里面的表格如何转换行与列