表格标题位置

今天我们接着分享表格样式的内容。

默认情况下，表格标题位置是在表格的上方，但是如果我们想要把表格标题放在表格下方呢？

在css中，我们可以使用caption-side属性来定义表格标题的位置。

语法：

示例代码：

这个大家了解一下就好了，因为我们中国人制作表格，基本标题都会在上方使用，在下面的很少见。

本章总结：

边框合并border-collapse：

语法：

它是表格独有的属性，其他元素没有这个属性。

属性取值有，

separate，边框分开不合并，

collapse，边框合并，相邻共用。

边框边距border-spacing:

语法：

该属性指定单元格边界之间的距离。指定一个像素值时，作用于横向和纵向上的间距；指定两个像素值时，第一个作用于横向间距，第二个作用于纵向间距。

标题位置caption-side：

语法：

属性取值，

top，上方

bottom，下方

表格在网页设计中，使用的还是比较多的，大家如果需要掌握表格的应用，就需要多加练习，下面给一段示例代码，写一个我们经常见到的场景。

​​​​​​​

之前给大家分享时，这些代码都是我手动敲上去的，也希望大家多加练习，也是手动敲上去，但是随着属性学习多了后，手动容易出错，难以调试，在这里建议大家去下载一些可以IDE工具，比如webstrom，phpstorm等等，有了工具的帮助后，学习代码会轻松些。