1.表格常用标记
标记 | 功能 |
<table>...</table> | 定义一个表格开始和结束 |
<caption>…</caption> | 定义表格标题,可以使用属性align,属性值top、bottom |
<tr>…</tr> | 定义行,一行可以由多组<td>或<th>标记组成 |
<td>…</td> | 定义单元格,必须放在<tr>标记内 |
<th>…</th> | 定义表头单元格,是一种特殊的单元格标记,在表格中不是必须的 |
<thead>…</thead> | 定义表格的页眉 |
<tbody>…</tbody> | 定义表格的主体 |
<tfoot>…</tfoot> | 定义表格的页脚 |
2.表格常用属性
属性名 | 功能 |
width、height | 宽度和高度 |
align | 在页面上的水平位置 |
border | 边框 |
cellspacing | 单元格之间的间距 |
cellpadding | 单元格内容与边框间的空白距离 |
3.跨多行多列的单元格
(1) 跨多行rowspan :<td rowspan="2"> 表示此单元格的跨度为2行
(2) 跨多列colspan :<td colspan="3"> 表示此单元格的跨度为3列
参考资料
今天发现一个问题,当鼠标移动到一行上,让它变色时,有的时候tr:hover{background-color:#f5f5f5}起作用,有时候不起作用,必须使用tr: hover td{background-color:#f5f5f5;},很奇怪,有没有同学遇到过?