IDC资讯中心
从html语言到网上家园 第五章 网页中的表格
5.1表格的基本形式
表格基本形式：
〈table〉
〈tr〉
〈th〉……〈/th〉
〈/tr〉
〈tr〉
〈td〉……〈/td〉
〈/tr〉
〈/table〉
〈table〉……〈/table〉用于定义表格。〈tr〉定义表中的行，一个表中有多少行，就有多少个〈tr〉。〈th〉用于定义表头，〈td〉定义表元，表元中包含了表格的具体数据。
5.2表格属性
5.2.1表格边框设置
和表格边框设置有关的〈table〉元素属性有：
border=n 定义表格边框宽度。border＝0 为无边框表格。
bordercolor=color 设置表格边框颜色，当border＝0时此值无效。
bordercolordark=color 设置表格亮边框的颜色。
bordercolorltght=color 设置表格暗边框的颜色。
bordercolordark 和bordercolorltght一起用来绘制三维边框，两者是相对立的，当border＝0时此两者无效。
| 例： （1）无边框表格html代码： 〈table border=”0″ cellpadding=”2″ width=200〉 〈tr〉 〈th width=”33%”〉姓名〈/th〉 〈th width=”33%”〉性别〈/th〉 〈th width=”34%”〉年龄〈/th〉 〈/tr〉 〈tr〉 〈td width=”33%” align=”center”〉李旦〈/td〉 〈td width=”33%” align=”center”〉男〈/td〉 〈td width=”34%” align=”center”〉14〈/td〉 〈/tr〉 〈/table〉 显示效果：
（2）有边框表格html代码：
在该表格中，外围宽边部分是表格边框，深绿色部分是亮边框，浅绿色部分是暗边框。 |
以上是设置整个表格的边框和颜色，还可以为每个单元格设置独立的边框颜色。bordercolor，bordercolordark和bordercolorltght属性对〈tr〉，〈td〉和〈th〉同样可用，用法与在〈table〉中相同。
| 例1：设置表中行元素〈tr〉的边框。 〈tr bordercolorlight=”#008000″ bordercolordark=”#88dd88″〉 显示效果： |
| 例2：设置表头元素〈th〉的边框。 〈th width=”50%” bordercolor=”#008000″ bordercolorlight=”#008000″ bordercolordark=”#88dd88″ border=3〉 〈/th〉 〈th width=”50%” bordercolor=”#008000″ border=3〉 〈/th〉 显示效果： |
|
例3：设置表中单元格〈td〉的边框。 |
