Mais conteúdo relacionado
Html表格制作
- 6. 表格基础
<tr> <td></td> <td></td>
<td></td> <td></td>
<td></td> <td></td>
<td></td> <td></td> </tr>
<table>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>…</tr>
<tr>…</tr>
</table>
- 7. 单元格横向合并
colspan=“n”
<tr>
<td colspan=“2”></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td colspan=“2”></td>
<td></td>
</tr>
- 8. 单元格纵向合并
rowspan=“n”
<tr>
<td rowspan=“2”></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>…</tr>
- 9. 单元格纵向合并
rowspan=“n” (2)
<tr>
<td></td>
<td rowspan=“2”></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>…</tr>
- 12. 几个要注意的问题
• 宽度指定
A B C D
E
F
X
• 文字越界处理
word-wrap: break-word;
overflow: hidden;
- 14. 关于样式的另一些补充
table {
border-collapse: /* 设置表格的边框是
collapse; 否被合并为一个单一
的边框,还是象在标
} 准的 HTML 中那样分
开显示。 */
- 15. 关于样式的又一些补充
.title {
border-bottom: 3px double #000000;
margin: 0 auto;
padding: 0;
width: 350px;
}
.title h1 {
letter-spacing: 20px;
margin: 0 -20px 0 0;
}