“tr、tb、table”在css中是什么意思？

2023-02-21 02:47:01html-css039

“tr、tb、table”在css中是什么意思？,第1张

<table>标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。例:一个简单的 HTML 表格，包含两行两列：<table border="1"><tr><th>Month</th><th>Savings</th></tr><tr><td>January</td><td>$100</td></tr></table>

td表格中的单元格，div是一个块级元素一、td定义和用法<td>标签定义 HTML 表格中的标准单元格。HTML 表格有两类单元格：表头单元 - 包含头部信息（由 th 元素创建）标准单元 - 包含数据（由 td 元素创建）td 元素中的文本一般显示为正常字体且左对齐。二、div定义和用法<div>可定义文档中的分区或节（division/section）。<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。用法<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div>固有的唯一格式表现。可以通过 <div>的 class 或 id 应用额外的样式。不必为每一个 <div>都加上类或 id，虽然这样做也有一定的好处。可以对同一个 <div>元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。

tr 之间距离可以通过设置 tr 的外边距（margin）来实现，但是注意必须先把tr的显示属性设置为块体（block）元素：

tr{

display:block /*将tr设置为块体元素*/

margin:2px 0 /*设置tr间距为2px*/

}

示例如下：

创建HTML元素

<table>

</table

添加css样式

table{border-collapse: collapse}

td{width:90pxpadding:5pxborder:1px solid green}