HTML 表格的语法如下:
<table>
<tr>
<th>表头单元格1</th>
<th>表头单元格2</th>
</tr>
<tr>
<td>数据单元格1</td>
<td>数据单元格2</td>
</tr>
<tr>
<td>数据单元格3</td>
<td>数据单元格4</td>
</tr>
</table>
其中,`
` 标签用于创建表格,`` 标签用于创建表格的行,`| ` 标签用于创建表格的表头单元格,` | ` 标签用于创建表格的数据单元格。
在上述代码中,表格有两行和两列,第一行是表头行,包含两个表头单元格,第二行和第三行是数据行,每行有两个数据单元格。
关于 border 属性
可以通过 CSS 来设置表格的边框样式。可以在 ` ` 标签中使用 `border` 属性来设置整个表格的边框,也可以在 `| ` 和 ` | ` 标签中使用 `border` 属性来设置单元格的边框。
设置表格边框
例如,可以在 ` ` 标签中使用 `border` 属性来设置表格的边框宽度和样式:
<table border='1'>
...
</table>
在上述代码中,`border='1'` 表示表格边框宽度为 1 个像素。
设置单元格边框
也可以在 ` ` 和 ` | ` 标签中使用 `border` 属性来设置单元格的边框宽度和样式:
<th style='border: 1px solid black;'>表头单元格</th>
在上述代码中,`style` 属性用于设置内联样式,`border: 1px solid black;` 表示单元格边框宽度为 1 个像素,样式为实线,颜色为黑色。
其他 CSS 属性
除了使用 `border` 属性,还可以使用其他 CSS 属性来设置表格的边框样式,如 `border-width`、`border-style` 和 `border-color` 等。
原文地址: https://www.cveoy.top/t/topic/pdP3 著作权归作者所有。请勿转载和采集!
免费AI点我,无需注册和登录
| | |