CSS表格

作者: 勿以浮沙筑高台 | 来源:发表于2016-09-13 15:37 被阅读101次

表格是一个矩形网格中的信息安排。表格用来表示一系列信息的关系

表格结构#####

在表格中,信息显示在一个个的单元格cell)中.

在页面横向上一条直线的单元格构成了row)。

表格开始的特定的行组是表头header)。表格最后的特定行组是表尾footer)。表格中主要的行就是表体body)。

在页面纵向上一条直线的单元格构成了column),但是在CSS表格中,列的使用是受限的。

PS: 在一个简单表格里,每个单元格仅占用一行一列。你可以用CSS将一个单元格扩展到多行或者多列来构造复杂表格

边框#####

单元格没有外边距。但是单元格有边框和内边距。
默认情况下,边框被表格的 border-spacing 属性值间隔。你也可以通过设置表格的 border-collapse 属性值为collapse来完全移除间隔。

标题#####

<caption> 元素是用在整个表格的一个标签。默认下,它显示在表格的顶部。
可以设置 <caption>caption-side 属性值为 bottom 来将标签移到表格的底部。

相关文章

  • CSS初探16

    Head First HTML与CSS 第十一章 布局与定位 CSS——掌控页面的表现 CSS表格显示 CSS表格...

  • css样式——表格篇

    CSS 表格属性可以帮助您极大地改善表格的外观。 表格边框 如需在 CSS 中设置表格边框,请使用border属性...

  • CSS样式

    CSS背景 CSS字体 CSS链接 CSS 列表 CSS 表格 CSS轮廓 CSS背景 1、背景色 ba...

  • CSS学习的一部分内容

    本篇是将CSS中的表格,轮廓,定位,浮动的学习进行的总结。完全个人理解,仅供参考。(耶!!!) CSS表格 CSS...

  • 归零——html、css学习-第三天

    CSS学习-cascading style sheet层叠样式表格 CSS权重 !important ...

  • CSS表格

    表格 表格的作用:用来表示格式化的数据 使用table标签创建一个表格 tr 标签标识表格中的一行(可以编写一个或...

  • css 表格

    表格 表格的作用:用来表示格式化的数据 使用table标签创建一个表格 tr 标签标识表格中的一行(可以编写一个或...

  • CSS表格

    表格采用行列格式的简单结构,以及生活中广泛应用,对于他的理解和代码编写都很方便。表格的每行的列数通常一致,同行单元...

  • CSS表格

    表格是一个矩形网格中的信息安排。表格用来表示一系列信息的关系。 表格结构##### 在表格中,信息显示在一个个的单...

  • css 表格

    表格 表格的作用:用来表示格式化的数据 使用table标签创建一个表格tr 标签标识表格中的一行(可以编写一个或多...

网友评论

      本文标题:CSS表格

      本文链接:https://www.haomeiwen.com/subject/envmettx.html