利用CSS控制表格外观

控制显示

同使用所有HTML元素一样，你可以通过CSS的显示属性控制一个项目在网页上是否显示。下面和表格相关的HTML显示值都是有效的：

table：这相应于块级HTML表格元素。

inline_table：内嵌级HTML表格元素。

table_row：表格内的一行单元格（TR元素）。

table-row-group：一个或多个表格行（TBODY元素）。

table-header-group：显示在表格头部表格标题后的一组行(THEAD 元素)。

table-footer-group：显示在所有行或行组后的一组行（TFOOT元素）。

table-column：表格的一列单元格（COL元素）

table-column-group：表格的一组列（COLGROUP 元素）。

table-cell：表格内的每个单元格（TD元素）。

table-caption：表格标题（CAPTION元素）。

你可以使用这些显示属性来控制一个HTML表格的任何方面的显示与否。例如，你可以设定显示属性来显示一个元素。列表C使用这些属性来控制每个HTML元素的可见性。

使用显示属性有趣的方面是用一个表格显示任何元素。也就是说，你可以使用表格显示属性使得每个元素的行为像一个表格一样。这和分配一个相应的显示属性值一样简单。

具体使用

HTML使用说明包括用于操作表格数据的表格，但是很多开发人员仍旧依赖表格进行页面布局。我知道很多开发人员不屑使用HTML表格，但是表格在各种情况下都是可用的。无论目的是什么，表格元素都可以和CSS一起用来控制网站的外观和感觉。

责任编辑：德东

查看本文国际来源