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:如果这两个属性结合在一起的话,就可以制作出更为复杂的不规则表格。)

     

posted @ 2014-01-22 16:37  Shawn_liu  阅读(191)  评论(0编辑  收藏  举报