HTML 表格

HTML 表格

HTML表格和边框属性

边框

没有边框的表格

<table>
或
<table border="0">

跨行或跨列的表格单元格

单元格跨两列: <th colspan="2">Telephone</th>
单元格跨两行: <th rowspan="2">Telephone:</th>

表格内的标签 2.&lt;td&gt;:表体单元格。

表格结构语义标签:

1.&lt;table&gt;:表格根元素。
    常用属性:

border="1"   表格边框的宽度
bordercolor="#fff"   表格边框的颜色
cellspacing="5"   单元格之间的间距
width="500"   表格的总宽度
height="100"   表格的总高度
align="right"   表格整体对齐方式    (参数有  left、center、right)
bgcolor="#fff"   表格整体的背景色

2.&lt;thead&gt;:表格头,表格的页眉 4.&lt;tfoot&gt;:表格尾,定义表格的页脚,一般可忽略该结构。     常用属性:

bgcolor="#fff"    行的颜色
align="right"    行内文字的水平对齐方式    (参数有left、center、right)
valign="top"     行内文字的垂直对齐方式    (参数有top、middle、bottom)

表格内容标签:

1.&lt;th&gt;:表头单元格。     常用属性:

width="500"    单元格的宽度,设置后对当前一列的单元格都有影响
height="100"   单元格的高度,设置后对当前一行的单元格都有影响
bgcolor="fff"  单元格的背景色
align="right"  单元格文字的水平对齐方式    (参数left、center、right)
rowspan="3"    合并垂直水平方向的单元格
colspan="3"    合并水平方向单元格
valign="top"   单元格文字的垂直对齐方式    (参数middle、bottom、top)
  • 跨列:colspan- 跨行:rowspan- 单元格内边距:cellpadding- 单元格外边距:cellspacing- col 和colgroup 用于便捷定义表格指定列的样式
posted @ 2020-12-25 19:18  SunKeep  阅读(58)  评论(0编辑  收藏  举报