HTML：table标签

最新推荐文章于 2024-07-05 22:38:16 发布

梁同学努力努力再努力

最新推荐文章于 2024-07-05 22:38:16 发布

阅读量426

点赞数

分类专栏：笔记文章标签： html css 前端

本文链接：https://blog.csdn.net/qq_45812417/article/details/123383421

版权

笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

table：表格 tr：表格行 th表头（默认加粗居中） td表格单元（靠左）

table常用属性：border 边框值1或“”

cellspacing：单元格与单元格的距离

cellpadding：控制内容到边框之前的距离

<table border="1" cellspacing="20" cellpadding="10"> 
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$1001111111111111</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$801111111111111111111111111</td>
  </tr>
</table>

th、td 常用属性： colspan跨列属性数字表示跨几列

<table border="">
  <tr>
    <th colspan="2">Monthly Savings</th>
	<th colspan="2">Monthly Savings</th>
  </tr>
  <tr>
    <td colspan="4">January</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
	<td>$80</td>
	<td>$80</td>
  </tr>
</table>

rowspan跨行

<table border="1">
  <tr>
    <th rowspan="2">Month</th>
    <th>Savings</th>
    <th rowspan="3">Savings for holiday!</th>
  </tr>
  <tr>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>