美文网首页【HTML+CSS】
【CSS表格table】

【CSS表格table】

作者: 魔_术师 | 来源:发表于2017-06-10 01:13 被阅读10次
CSS表格table

表格(table)是什么?做什么用的?

表格主要用于向用户呈现数据,尽量不要用于布局。

表格(table)的基本元素

caption:元素定义表格标题;

thead:标签定义表格的表头;

tbody:标签表格主体(正文);

tfoot:标签定义表格的页脚(脚注或表注);

tr:表格的行;(tr:table row)

th:表头单元格;

td:单元格;

表格(table)的属性

(cell:单元格)

cellpadding:设置单元格边框与单元格里的内容之间的距离 ;

cellspacing:设置单元格间的距离。

表格(table)的属性

colspan:跨列;

rowspan:跨行;

border:表格边框;

border-collapse:合并边框。

表格(table)的嵌套

使用表格时注意合理嵌套,遵循标签的语义性,table下只能包含thead,tbody,tfoot,标题是在表格外面用caption标签;

thead包含tr,tr包含th;

tbody和tfoot包含tr,tr包含td;

表格里的内容要写在th或者td单元格里面,否则内容会跑到表格外面。

相关文章

  • Tailwind Table

    表格样式工具类 表格布局table layout CSS中table-layout属性用于设置表格布局的类型,即用...

  • HTML结尾与CSS3 (No.3)

    结束课堂上的HTML部分,开始CSS部分 HTML表格和表单 一、表格table标签代表一个表格,在table标签...

  • 【CSS表格table】

    表格(table)是什么?做什么用的? 表格主要用于向用户呈现数据,尽量不要用于布局。 表格(table)的基本元...

  • css table表格

    border-collapse属性 border-spacing属性 这个在table中设置, 是设置table中...

  • CSS Table(表格)

  • 原声css table布局

    表格布局有两种方式: 1.HTML Table( 标签)和 2. CSS Table(display:table ...

  • 对table和td设置背景,实现完美表格边框

    1、基础设置 1)、先设置table css背景为#bbb 2)、设置table单元之间间距为1设置table表格...

  • 给表格设置宽度,不起作用

    需要给表格加一个css属性 table-layout:flex

  • 06day

    表格边框 如需在 CSS 中设置表格边框,请使用 border 属性。下面的例子为 table、th 以及 td ...

  • 表单

    表格边框 如需在 CSS 中设置表格边框,请使用 border 属性。下面的例子为 table、th 以及 td ...

网友评论

    本文标题:【CSS表格table】

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