HTML学习笔记：
- 对表格添加标框时，border顺序为（粗细，虚实，颜色）顺序不可变。对表中的一个单元添加标框，就是对th，td加标框。（注：th是table head的缩写 td是table data的缩写 tr是table rows的缩写）
- 表与单元的标框有缝隙用border-spacing: 0px;将属性值改为0px即可。表与单元的标框显示为一条线用折叠 border-collapse；
-
行内元素，仅包裹元素本身高宽，可与其他元素并列，不会自动换行。而块级元素独立成行，填充整个父标记，行内元素可与其他元素并列。
-
合并行单元格，跨列，用colspan，跨什么用什么，合并后要把下一个数据给删掉或注释掉；合并列单元格，跨行，用rowspan="3"，3表示向下合并三个单元格。
-
table表中可分为多个tr，而tr可分为th和td。（td标题会加粗）
<html>
<head>
<style>
table{
border: 1px solid black;
border-spacing: 0px;
border-collapse: collapse;
}
th,td{
border: 1px solid black;
}
</style>
</head>
<body>
<table>
<tr>
<td style="text-align: center;"colspan="9"> 2021年图书销售统计表</td>
</tr>
<tr>
<td rowspan="2">图书分类</td>
<td colspan="2">第一季度</td>
<td colspan="2">第二季度</td>
<td colspan="2">第三季度</td>
<td colspan="2">第四季度</td>
</tr>
<tr>
<th>销售量</th>
<th>销售额</th>
<th>销售量</th>
<th>销售额</th>
<th>销售量</th>
<th>销售额</th>
<th>销售量</th>
<th>销售额</th>
</tr>
<tr>
<td>小说</td>
<td>23521</td>
<td>￥55940.00</td>
<td>53521</td>
<td>￥51940.00</td>
<td>13521</td>
<td>￥45940.00</td>
<td>33521</td>
<td>￥34940.00</td>
</tr>
<tr>
<td>文艺</td>
<td>31235</td>
<td>￥85147.00</td>
<td>73521</td>
<td>￥65940.00</td>
<td>53521</td>
<td>￥25940.00</td>
<td>13521</td>
<td>￥45940.00</td>
</tr>
<tr>
<td>励志</td>
<td>13521</td>
<td>￥25940.00</td>
<td>63521</td>
<td>￥45940.00</td>
<td>33521</td>
<td>￥45940.00</td>
<td>33521</td>
<td>￥54940.00</td>
</tr>
<tr>
<td>童话</td>
<td>33521</td>
<td>￥45940.00</td>
<td>13521</td>
<td>￥35940.00</td>
<td>13521</td>
<td>￥45940.00</td>
<td>43521</td>
<td>￥75940.00</td>
</tr>
</table>
</body>
</html>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
