前端优
我用我的双手去成就我的梦想,我将遵循此道直至终结!
首页 > html+css >正文

表格table

发布时间:2024-07-20 12:36 作者:一友画

相关标签

表格:<table></table>

行:<tr></tr>

单元格:<td></td>

每列的标题:<th></th>

表格标题:<caption></caption>

table属性

  • border=1 表格的边框
  • cellspacing=0 代表单元格之间的间距
  • cellpadding=0 代表单元格内部的填充
  • align="left/right/center" 表格整体的水平对齐方式
  • width="200" 代表表格的宽度
  • height="200" 代表表格的高度

例子:

<table border="1" cellspacing="0" cellpadding="0" align="center" width="200" height="200">
<tr>
<td></td>
</tr>
</table>

tr的属性

  • align 行中所有td的水平对齐方式
  • valign 行中所有td的垂直对齐方式

例子:

<table>
<tr align="center" valign="middle">
<td></td>
</tr>
</table>

td的属性

  • align 单独的单元格的水平对齐方式
  • valign 单独的单元格的垂直对齐方式

例子:

<table>
<tr>
<td align="center" valign="middle"></td>
</tr>
</table>

合并单元格

  • 合并行(上下合并),使用rowspan="" 要合并的td的数量
  • 合并列(左右合并),使用colspan="" 要合并的td的数量

以上内容,在整理时难免有疏漏错误之处,如有发现,可以通过顶部的“联系站长”提出反馈,感谢您的支持!