首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

HTML高级课程 表格

2012-09-23 
HTML高级教程 表格你认为已经知道怎么制做表格了吧。当然,你已经了解?table、tr、td和th标签了,甚至还在你的

HTML高级教程 表格

你认为已经知道怎么制做表格了吧。当然,你已经了解?table、tr、td和th标签了,甚至还在你的口袋里装入了rowspan和colspan。你确实可以制做一个精美小巧的咖啡色三合板桌子(表格),但难道你不想做一个优雅稳固,上面有玻璃的,足以承受一头大笨象的宴会桌(表格)?



表格行简直使表格列看起来很愚蠢。同样的工作,表格由行与行构建,让列感到十分沮丧。
但是很幸运,colgroup和col标签来拯救热心的列了。
这两个标签允许你定义表格列和尽你所需地样式化它们,对于你需要把列排成行或不同着色特别有用,如果没有它们,你需要样式化每一个单独的单元格。
这是一个使用这些标签的例子:

Example Source Code [www.52css.com]<table>
<thead>
<tr>
<td>Header?1</td>
<td>Header?2</td>
<td>Header?3</td>
</tr>
</thead>
<tfoot>
<tr>
<td>Footer?1</td>
<td>Footer?2</td>
<td>Footer?3</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Cell?1</td>
<td>Cell?2</td>
<td>Cell?3</td>
</tr>
?...?
</tbody>
</table>

?
你可以让表格主体tbody在基于Gecko的浏览器(Mozilla、Firefox和Netscape?6+等)滚动,通过应用overflow:?auto;?max-height:?[whatever]?的样式。然后你可以看见表头和表注固定,而表的主体右边有滚动条。你应该谨慎使用max-height属性因为IE不认识,比较安全的做法是使用height属性,IE将为它应用到每一行。
注意:说回浏览器的差异,目前IE遇到表头和表注时还是没有什么线索,尽管还是当作表格来处理,但打印的时候不会在哦每一页都出现表头和表注,只孤零零地传递滚动的表格。

热点排行