html+css学习----表格table

一、表格基本结构

<table>

<tr>

<td></td>

</tr>

</table>

<table>...</table>-----定义表格

<tr>...</tr>----定义表行

<td>...</td>---定义表列（单元格）

<th>...</th>----文字标题栏（加粗）会默认自动居中

二、表格标题：

<table>

<caption></caption>

</table>

三、表格结构化

作用：代码乱序时结构得到保持

(1)结构化格式（加了无效果，浏览器看）

<thead>...</thead>----表示表头区

<tbody>...</tbody>----表体区

<tfoot>....</tfoot>------表尾区

(2)直列化格式

<colgroup>...</colgroup> 用于统一控制某一列的格式，取代重复的工作

（例如：用于某一列标红，或者某一列居中）

eg:

<table>

<colgroup span=2></colgroup>

<colgroup bgcolor="red"></colgroup>

<tr>

<td>.....</td>

<td>.....</td>

<td>.....</td>

</tr>

</table>

四、特殊表格技巧

（1）制作凹凸表格：改变table的 bordercolorlight、bordercolordark属性(这是手册中没有的)

Bordercolorlight 设置边框亮时的颜色（boder=”1”时才有用）

Bordercolordark 设置边框暗时的颜色（boder=”1”时才有用）

（2）隐藏表格某部分边框线：改变table下的frame属性和rules属性

（3）细线表格效果公式

①表格自身的border==”0”

②给表格设置背景颜色==细线颜色

③给表格设置、单元格之间距离cellspacing==细线粗细

④设置表格内部背景色