HTML <td> 标签的 colspan 属性-表格单元横跨两列的表格；rowspan横跨三行的表头单元格：

最新推荐文章于 2021-06-04 15:23:59 发布

蓝色漩沐

最新推荐文章于 2021-06-04 15:23:59 发布

阅读量2.9k

点赞数 2

文章标签： html

本文链接：https://blog.csdn.net/Helloxiaovv/article/details/104341334

版权

<html>
<body>

<table width="100%" border="1">
  <tr>
    <th>one</th>
    <th>two</th>
    <th>张三</th>
    <th>李四</th>
  </tr>
  <tr>
    <td colspan="1">January</td>
  </tr>
  <tr>
    <td colspan="2">February</td>
  </tr>
   <tr>
    <td colspan="3">January</td>
  </tr>
  <tr>
    <td colspan="4">February</td>
  </tr>
</table>

</body>
</html>

在这里插入图片描述

横跨三行的表头单元格：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>

<table border="1">
  <tr> 
	<th rowspan="3">销售</th>
    <th>Month</th>
    <th>Savings</th>
   
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>

</body>
</html>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

蓝色漩沐

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML <td> 标签的 colspan 属性-表格单元横跨两列的表格；rowspan横跨三行的表头单元格：

<html><body><table width="100%" border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td colspan="2">Janua...
复制链接

扫一扫