HTML中的表格

HTML中的表格

表格顾名思义就是数据表格(如下图)

表格基本格式:

(表格开始)

(表格行)

(表格标题)

(表格列)

...
...
(表格结束)

简单制作一个表格(如下图)

表格属性(一)

属性名称 属性值

border 像素px(设置表格的外边线)

cellspacing 像素px/百分数%(设置储存格框线宽度)

cellpadding 像素px/百分数%(设置数据与框线的距离)

width 像素px/百分数%(设置表格宽度)

height 像素px/百分数%(设置表格高度)

align (水平对齐) left(表格左对齐,默认)

center(表格居中对齐)

right(表格右对齐)

表格属性(二)

属性名称 属性值

bgcolor 英文(red 红色)/十六进制(如:#f00000 红色)

(表格的背景颜色)

background URL(图片路径)

(表格的背景图片)

bordercolor 英文(red 红色)/十六进制(如:#f00000 红色)

(表格边框颜色)

bordercolorlight 英文(red 红色)/十六进制(如:#f00000 红色)

(表格边框的亮色)

bordercolordark 英文(red 红色)/十六进制(如:#f00000 红色)

(表格边框的暗色)

表格的拆分与合并单元格

属性名称 属性值

colspan 数字(行合并)

rowspan 数字(列合并)

表格的标题

...

属性名称 属性值

align top(标题在表格上方,默认)

bottom(标题在表格下方)

补充:

属性名称 属性值

valign(垂直对齐) top(上对其)

middle(中间对齐)

bottom(下对齐)