table标签拔高篇
这里主要是想说一下有关table的内容,初学者需要特别重视,在说之前先回忆一下table标签的使用方法,同时也加深一下印象。在HTML中,一般采用如下方式使table标签具有意义:
<table><tr><td></td></tr></table>这是一个单行单列的例子,仅作巩固知识用。CSS表格属性中允许你设置表格的布局,但是由于这种布局思想有种种不足,这里不建议使用表格建立布局,所以在这里也就不会对表格布局做深度讲解,我会把最重要、最有使用价值的一些属性及其使用方法介绍给大家。
border-collapse
语法:
border-collapse:separate|collapes|inherit
默认值:
separate
所有主流浏览器都支持border-collapse属性。
separate:默认值。边框会被分开。不会忽略border-spacing和empty-cells属性。
collapse:边框会合并为一个单一的边框。
inherit:规定应该从父元素继承border-collapse属性的值。
rowspan|colspan
HTML表格单元格具有很多属性,但是对于我们来说,常用的也就rowspan、colspan这两个属性,下面介绍一下这两个属性。为什么说这两个属性重要呢?主要原因在于这两个属性对表格本身的布局起着决定性作用。
1)rowspan
作用:设置或返回表元横跨的行数。 这一属性可以纵向合并表格单元。
2)colspan
作用:规定单元格可横跨的列数。
(PS:如果这两个属性结合在一起的话,就可以制作出更为复杂的不规则表格。)