html和css怎么做表格,HTML与CSS之实体字符和画表格

一.实体字符

在html中，有一些字符不适合直接写出来，如

一般格式：&+实体名;

大于号> &gt     　小于号

二.表格

表格列	one	two	three	four
1	2	3	4
5	6	7	8
9	10	11	12
12	14	15	16

显示效果:

数表.png

给td添加边框：td{    border: 1px solid red;

}

显示效果:

带边框的数表.png

然而这并不是我们想要的！

让相邻的边框融合：table{    border-collapse: collapse;

}

显示效果:

完整数表.png

其他情况：

1.colspan  横向融合

值为数字，表示横向融合几格

one	two	three
1
4	5	6

显示效果:

横向融合表格.png

2.rowspan  纵向融合

值为数字，表示纵向融合几格

one	1	2	3
two	5	6
three	7	8	9

显示效果：

纵向融合表格.png

作者：JustinPenChia

链接：https://www.jianshu.com/p/21f06ad880f6