引用自: http://www.lming.cn
看了《CSS网站布局实录》,发现在CSS2中间,表格的控制力又增加了许多,好像这个技术出来很久了,不过我是这几天刚刚看见。。呵呵。发现这个东西真的很好,可以方便对表格进行数据上的区别和处理,可以做出来所谓增加UE的表格。。哈哈 我现在发一些我自己学习之后的总结吧。小弟文笔比较笨拙,请大家见谅。
先来说说这个属性吧,传统的表格常用的就只有 table, tr, td,分别为 对象,行,单元格
- <table>
- <tr>
- <td><td>
- <td><td>
- </tr>
- <tr>
- <td><td>
- <td><td>
- </tr>
- </table>
复制代码
而现在支持全新xhtml的表格除了刚才提到的3个标签,多了以下这些标签
caption:用于定义表格的名称
thead:用于定义表头
tbody:用于定义表格的内容,可以多个组合
tfoot:用于定义表尾
th:定义表头用的单元格
以下是使用新的标签制作的表格,未加CSS,大家可以看一下里面和传统表格区别。
提示:您可以先修改部分代码再运行
这个为加过边框的表格,里面有一个border-collapse属性,是为了让重叠的边框变成叠在一起
提示:您可以先修改部分代码再运行
以下是加过CSS的表格,可以发现对于表格的所写的CSS已经可以很有头绪的写出,基本上是成逻辑关系一一对应,传统的表格则不然,是以平行的关系来一一对应单元格
提示:您可以先修改部分代码再运行
[[i] 本帖最后由 lm8520 于 2007-5-30 22:36 编辑 ] |