表格的作用：数据展示
- tr row 行
- td 行内的单元格 （含义同“列”）
- th 用来描述表头，会默认加粗居中
表格的属性
1. 表格边框线的描述
有两种方式：
<style>
table{
border:1px solid pink; 描述表格的外边框线
}
td{
border:1px solid pink; 描述单元格的边框线
}
</style>
或
<body>
<table border="1">.....</table>
</body>
以上两种方法描述的边框会出现一个问题，边框线会有两条，形状同镂空线条，即双边框，这时候需要用到边框线合并 ： border-collapse：collapse；
2. caption 表格的标题（表格之外）写在第一行之前
3. 合并单元格
<td colspan="2">合计</td>
向右合并同一行中的两个单元格
<td rowspan="2">合计</td>
向下合并同一列中的两个单元格
4. 垂直居中
vertial-align:middle
5.将表格划分整齐
- 将table分为三部分：
- 表头 thead
- 内容 tbody
- 统计 tfoot
扫一扫
1267
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
